前端开发经常使用的vscode的插件

1、 indent-rainbow

缩进有颜色区分，便于查看代码缩进

2、HTML Snippets

超级实用且初级的 H5代码片段以及提示

3、HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式

4、Debugger for Chrome

让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试

5、jQuery Code Snippets

超过130个用于JavaScript代码的jQuery代码片段。只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。

6、vscode-icons

让 vscode 资源树目录加上图标

7、Path Intellisense

自动路径补全

8、Atuo Rename Tag

修改 html 标签，自动帮你完成尾部闭合标签的同步修改

9、fileheader

顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间（按住crtl+alt+i）

10、Bracket Pair Colorizer

让括号拥有独立的颜色，易于区分。可以配合任意主题使用。

11、Code Runner

能够运行多种语言的代码片段或代码文件：C，C ++，Java，JavaScript，PHP，Python，Perl，Ruby，Go等等

12、css peek

能够查看CSS ID和类的字符串作为HTML文件中相应的CSS定义

13、htmltagwrap

可以在选中HTML标签中外面套一层标签（按住alt+w去操作）

14、Indenticator

突出目前的缩进深度

15、Image Preview

鼠标移到路径里显示图像预览

16、JavaScript (ES6) code snippets

es6代码片段

17、markdownlint

markdown 语法检查

18、open in browser

当前的 html 文件用浏览器打开，类似 webstorm 的那四个小浏览器图标功能，前提条件html 文件必须保

19、vetur

语法高亮、智能感知

20、VueHelper

vue代码片段

21、Dracula Official

主题风格

22、Color Info

提供你在 CSS 中使用颜色的相关信息

23、background

修改编辑器背景图

24、vscode-leetcode

这个插件让你可以在 VSCode 上刷 LeetCode，提醒你写代码的同时也不要忘了最爱的 LeetCode 哦

25、Rainbow Fart

这有一个 VSCode 里的程序员彩虹屁插件，名叫 VSCode Rainbow Fart。它能根据你的代码内容说出不同的话，简直就是个“程序员鼓励师”，声音软萌软萌的。

26、KoroFileHeader

代码注释插件