1.Better Comments
编写更加人性化的注释
2.Bracket Pair Colorizer
改变代码中的括号颜色,一层括号一个颜色,点击一个括号,会用实线将本身和另一半括号链接,便于区分。
![](https://img.haomeiwen.com/i16080040/12dda6b47488e52b.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 代码。
![](https://img.haomeiwen.com/i16080040/12f1b0bb76f731b4.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代码填充
![](https://img.haomeiwen.com/i16080040/a152811435bb1a65.gif)
16.Image Preview
代码中选中图片路径即可预览图像
17.IntelliSense for CSS, SCSS class names in HTML, Slim and SCSS
把项目中 css 文件里的名称智能提示在 html 中
![](https://img.haomeiwen.com/i16080040/46b02f45e981b3ec.gif)
18.Better Comments
多色代码注释,颜色可配置。
![](https://img.haomeiwen.com/i16080040/fa76fe2b1f2dfbdb.png)
![](https://img.haomeiwen.com/i16080040/d8921f29420934f8.png)
网友评论