1、Chinese Language
简体中文汉化插件,和我一样英文不好的童鞋可以安装这个插件进行汉化。这个插件重载之后还没有汉化成功的话,把编辑器关闭重新打开就行了。

2、vscode-icons
让 vscode 资源树目录加上图标,有利于我们进行文件格式的判断。

3、HTML Snippets
很实用的 HTML 代码提示插件。

4、HTML CSS Support
HTML 标签上写class 智能提示当前项目所支持的样式。

5、jQuery Code Snippets
jQuery 代码提示,用 jQuery 框架的必须装。

6、Path Intellisense
自动路径补全,方便我们进行图片、CSS、JavaScript等文件的路径编写。

7、Bootstrap 3 Sinnpet
Bootstrap 3 代码提示插件,常用的话需要下载一个。

8、Atuo Rename Tag
修改 html 标签,自动帮你完成尾部闭合标签的同步修改。

9、Bracket Pair Colorizer 2
给括号设置不同的颜色,有利于括号多的时候进行区分。

10、HTMLHint
HTML代码检测

11、beautify
格式化代码插件

12、IntelliSense for CSS class names in HTML
基于你的项目以及通过link标签引用的外部文件,该智能插件提供 HTML 中 CSS class 名字的补全。

13、Trailing Spaces
高亮那些冗余的空格,可以快速删掉

14、lit-html
在 JavaScript/TypeScript 的文件中,如果有使用到 HTML 标记,lit-html 提供语法高亮和相应的补全支持。

15、CSS Peek
可以在 HTML 中通过 CSS id 或则 class 来定位到其定义。

16、小程序助手

17、minapp

18、wechat-snippet

网友评论