vsCode 前端插件推荐

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

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

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

4、view in broswer
（a. ctrl + f1 在浏览器中运行当前的html; b. 鼠标选中xx.html文件，鼠标右键点击view in broswer运行当前的文件）；

5、code Runner (运行js代码)；
（a. alt+ctrl+N运行js 文件; b. 鼠标选中的内容，使用快捷键运行，或者右击 Run Code 运行）；

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

7、Npm Intellisense （require 时的包提示）；

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

8、Atuo close Tag (输入标签后自动闭合)；

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

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

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

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、 live server （本地服务器）
19、Vue 2 Snippets （vue 代码提示）
19、weex (vue)
19、sass
19、Git History
19、GitLens
20、JavaScript (ES6) code snippets