1、Chinese Language
简体中文汉化插件。这个插件重载之后还没有汉化成功的话,把编辑器关闭重新打开就行了。

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

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

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

5、jQuery Code Snippets
jQuery 代码提示,用 jQuery 框架的必须装,jquery 重度患者必须品.

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

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

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

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

10、小程序助手、minapp、wechat-snippet
这三个都是微信小程序的代码提示及自动补全插件,现在微信小程序这么火怎么可以不下载。

11、HTMLHint
HTML代码检测

12、beautify
格式化代码插件,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用

13、Document this
js 的注释模板 (注意:新版的vscode已经原生支持,在function上输入/** tab)

14、vscode-fileheader
顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

15、Indent-Rainbow
使得对齐更加具有可读性

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

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

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

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

20、Auto Close Tag :
匹配标签,关闭对应的标签。很实用【HTML/XML】

21、Auto Rename Tag :
修改 html 标签,自动帮你完成尾部闭合标签的同步修改

23、Path Autocomplete :
路径智能补全(6、是路径提示)

24、JavaScript Snippet Pack:
针对js的插件,包含了js的常用语法关键字,很实用;

25、View InBrowser:
从浏览器中查看html文件,使用系统的当前默认浏览器

26、Class autocomplete for HTML:
编写html代码的朋友们对html代码的一大体现就是重复,如果纯用手敲不仅累还会影响项目进度,这款自动补全插件真的很棒;

27、Debugger for Chrome:
让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试。

28、VSCode Great Icons:
另一款资源树目录图标。

29、colorize :
会给颜色代码增加一个当前匹配代码颜色的背景,非常好。

30、Color Info:
提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。

31、filesize:
在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间

32、Code Runner :
代码编译运行看结果,支持众多语言

33、GitLens:
丰富的git日志插件

34、vetur:
vue语法高亮、智能感知、Emmet等

35、VueHelper:
vue代码提示

36、Bookmarks:
一个书签工具,还是很有必要的
 

具体通过转载整理以下两篇链接原文,自用笔记整理,刚安装visual studio code,挑选适用插件(1、2、3、4、6、7、10、14、19、35),具体感想用后细说。

37、open in browser :
运行HTML文件需安装,安装后编辑右键出现open in browser和open in other browser两种方式可打开。