提高开发效率的实用VSCode插件推荐

本篇文章给大家推荐一些实用的VSCode插件,提高开发效率!!有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

提高开发效率的实用VSCode插件推荐

技术是开源的、知识是共享的。
用知识改变命运,让我们的家人过上更好的生活。

1. Codelf

变量命名神器

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

2、View In Browser

在浏览器里面预览正在编辑的html文件

在这里插入图片描述

在这里插入图片描述

3、Color Highlight

高亮显示样式颜色

在这里插入图片描述

在这里插入图片描述

4、Bracket Pair Colorizer

成对的彩色括号,让括号拥有独立的颜色,便于区分

在这里插入图片描述

在这里插入图片描述

5、Highlight Matching Tag

高亮显示对应的HTML标签以及标识出对应的各种括号

在这里插入图片描述

在这里插入图片描述

6、Path Intellisense

在编辑器中输入路径的时候,能自动补全

在这里插入图片描述

提高开发效率的实用VSCode插件推荐

7、Prettier - Code formatter

格式化代码

在这里插入图片描述

在这里插入图片描述

8、Auto Close Tag

自动补全标签

在这里插入图片描述

9、Auto Rename Tag

自动重命名html标签,如修改p标签为a,将自动修改结尾标签p为a

在这里插入图片描述

10、HTML Snippets

智能提示HTML标签,以及标签的含义

在这里插入图片描述

11、HTML CSS Support

在HTML标签上写Class的时候能够智能提示当前所支持的样式

在这里插入图片描述

12、indent-rainbow

带颜色的缩进

在这里插入图片描述

在这里插入图片描述

13、change-case

转换命名风格

在这里插入图片描述

在这里插入图片描述

推荐:vscode基础教程

以上就是提高开发效率的实用VSCode插件推荐的详细内容,更多请关注其它相关文章!