VScode常用插件安装及介绍

1、HTMLSnippets （提示初级的H5代码片段）；

2、HTML CSSSupport （让 html 标签上写class 智能提示当前项目所支持的样式）；

3、jQuery CodeSnippets （jq的必备品）；

4、view inbroswer （ctrl + f1 在浏览器中运行当前的html）；

5、vscode-icon（让vscode的文件夹目录添加上对应的图标）；

6、PathIntellisense （文件路径自动补全）；

7、NpmIntellisense （require 时的包提示）；

8、Atuo RenameTag （修改 html 标签，自动帮你完成尾部闭合标签的同步修改）；

9、filesize （在底部状态栏显示当前文件大小，点击查看创建、修改时间）；

10、BracketPair Colorizer （对应的括号相似相同的颜色）；

11、vetur （语法高亮、智能感知、Emmet等）

12、VueHelper （snippet代码片段）；

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

14、Quokka 调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外，在使用 JSX 或 TypeScript 项目中，它能够开箱即用。

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

16、HTML Boilerplate  在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。

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

 

18、tortoiseSvn  tortoiseSvn for vs code

19、easy less（保存后自动编译）