Visual Studio Code必备好用插件

vscode-icons：
文件图标

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

One Dark Pro：
暗色主题

Debugger for Chrome：
Chrome 调试工具

Code Runner：
万能语言运行环境

Document This：
快速注释

IntelliSense for CSS class names in HTML：
CSS 类名智能提示

Code Spell Checker：
代码拼写检查

TODO Highlight：
备忘插件

HTMLHint：
html代码检测

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

Auto Close Tag :
匹配标签，关闭对应的标签

Auto Rename Tag :
可以在一个标签更改时自动更新另一个标签

Path Autocomplete :
路径智能补全

Path Intellisense ：
路径智能提示

JavaScript Snippet Pack：
针对js的插件，包含了js的常用语法关键字，很实用；

View InBrowser：
从浏览器中查看html文件，使用系统的当前默认浏览器

Class autocomplete for HTML：
自动补全插件

beautify :
格式化代码的工具

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

jQuery Code Snippets：
jquery 重度患者必须品

vscode-icon：
让 vscode 资源树目录加上图标，必备良品

VSCode Great Icons：
另一款资源树目录图标

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

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

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

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

Document This :
js 的注释模板 （注意：新版的vscode已经原生支持,在function上输入/** tab）

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

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

Bootstrap 3 Sinnpet：
常用 bootstrap 的可以下

GitLens：
丰富的git日志插件

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

VueHelper：
vue代码提示

Bookmarks：
一个书签工具,还是很有必要的

tortoise-svn：
SVN的集成插件

open in browser
用浏览器预览运行html文件