自己用到的VScode前端插件

1、Auto Close Tag  ：自动添加HTML / XML关闭标签
2、Auto Rename Tag: 更改 HTML/XML 标签名时，自动更新相对应的开始标签或结束标签的标签名
3、Beautify：格式化代码
4、Bracket Pair Colorizer:为代码中的括号添上一抹亮色 
5、Chinese (Simplified) Language Pack for Visual Studio Code：中文简体语言包
6、Code Runner：万能语言运行环境，能够运行多种语言的代码片段或代码文件
7、Code Spell Checker：这款插件能实时的识别单词拼写是否有误，并给出提示
8、Color Highlight：颜色值在代码中高亮显示
9、CSS Peek：使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。
10、Debugger for Chrome：Debugger for Chrome这个插件是直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，下载了它就不用打开浏览器的控制台就能进行打断点。
11、ES7 React/Redux/GraphQL/React-Native snippets：使用简写命令，生成基础代码片段
12、Highlight Matching Tag：高亮匹配的标签
13、HTML CSS Support：让 html 标签上写class 智能提示当前项目所支持的样式
14、HTML Snippets：超级实用且初级的 H5代码片段以及提示
15、HTMLHint：html代码检测
16、Image preview：鼠标移到路径里显示图像预览
17、IntelliSense for CSS class names in HTML：CSS 类名智能提示，把项目中 css 文件里的名称智能提示在 html 中
18、JavaScript (ES6) code snippets： ES6代码提示
19、jQuery Code Snippets：jquery代码提示
20、lit-html：提供语法高亮和相应的补全支持。
21、Live Server：开启本地开发时服务器，为静态和动态页面提供实时刷新功能
22、npm Intellisense：导入模块时，提示已安装模块名称，可以智能提示npm相关的命令
23、Path Autocomplete：路径完成提示
24、Path Intellisense：另一个路径完成提示
25、Project Manager：快速切换项目
26、React Native Tools：为 React Native 开发提供的专门的插件
27、React-Native/React/Redux snippets for es6/es7 ：react代码片段
28、SVG Viewer：查看SVG 文件
29、TypeScript Hero：用于编写 TypeScript
30、Vetur：Vue 语法高亮显示, 语法错误检查, 代码自动补全
31、Vue 2 Snippets：vue代码提示
32、Open-In-Browser：此插件在快捷菜单中添加了在默认浏览器查看文件选项
33、Prettier：代码格式化
34、Color info：为你提供你在 CSS 中使用颜色的相关信息
35、Regex Previewer：用于实时测试正则表达式的实用工具
36、TODO Highlight：写到某一部分的代码时，其中部分的功能需要稍后再来实现，这是就可以在对应的代码处添加一个 TODO 类型的注释，那么后期就可以快速地跳转到这部分继续写
37、Document This：快速注释
38、VueHelper：vue代码片段
39、Prettify JSON：格式化JSON
40、File Peek：根据路径字符串，快速定位到文件
41、Color Picker：拾色器
42、Can I Use：HTML5、CSS3、SVG的浏览器兼容性检查
43、Node.js Modules Intellisense：可以在导入语句中自动完成JavaScript / TypeScript模块