1.Better Comments

编写更加人性化的注释

2.Bracket Pair Colorizer

改变代码中的括号颜色,一层括号一个颜色，点击一个括号，会用实线将本身和另一半括号链接，便于区分。

Bracket Pair Colorizer.jpg

3.Chinese (Simplified) Language Pack for Visual Studio Code

Visual Studio Code汉化

4.CSS Peek

使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。

css peek.gif

5.cssrem

css转rem插件，很方便，特别针对常写移动端适应布局。

6.GitLens — Git supercharged

git插件，不多说了。

7.HTML CSS Support

css提示，支持vue

8.Import Cost

显示引入包的文件大小。

9.Live Server

启动本地服务，必备

10.Path Intellisense

路径提示

11.TabOut

tab键跳出括号，很实用

12.Vetur

目前比较好的Vue语法高亮，vue项目必备插件

13.vscode-fileheader

添加作者详情插件。自动更新最后修改时间，最后修改人。配置后
control+option+i添加，适合多人开发的项目。

//用户配置
"fileheader.Author": "author",
"fileheader.LastModifiedBy": "author"

14.vscode-icons

文件图标美化。

15.htmltagwrap

html代码填充

htmltagwrap.gif

16.Image Preview

代码中选中图片路径即可预览图像

17.IntelliSense for CSS, SCSS class names in HTML, Slim and SCSS

把项目中 css 文件里的名称智能提示在 html 中

IntelliSense for CSS, SCSS class names in HTML, Slim and SCSS.gif

18.Better Comments

多色代码注释，颜色可配置。

js注释

css注释