VSCode必备插件

Open-In-Browser：在浏览器中打开文件
ESlint ESlint接管原声js提示，可以自定制体会规则
sass-lint 检查sass文件，并提示错误；
HTMLHint html代码检测
csscomb 样式排序配置
CSS Peek:可以追踪至样式表中 CSS 类和 ids 定义的地方
HTML Boilerplate:HTML 模版插件,HTML 新文件重新编写头部和正文标签
Color Info：提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息
HTML Snippets：超级使用且初级的H5代码片段以及提示
HTML CSS Support ：让HTML标签上写class智能提示当前项目所支持的样式
JQuery Code Snippets:jquery提示工具
Path Intellisense 自动路径补全、默认不带这个功能
Auto Rename Tag 修改html标签，自动帮你完成尾部闭合标签的同步修改，和webstorm一样
vscode-icon 让vscode资源目录加上图标、必备
AutoFileName 需要 require 本地文件时，这个插件将为你提供基于你输入的文件路径的自动补全的选项
JavaScript (ES6) Code Snippets (代码片段插件) 代码片段加快 ES6 开发速度，例如输入 imd 可以自动生成impor {} from "somewhere" 代码
TODO Hightlight（等待编译高亮区）高亮显示等待编辑区
fileheader 顶部注释模板
Quokka 实时编译js,查看js是否有问题；
Bracket Pair Colorizer/ Indent Rainbow 两个插件可以让不同缩减的括号显示不同的颜色。
Icon Fonts:能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons
Minify:用于压缩合并 JavaScript 和 CSS 文件的应用程序
Regex Previewer:用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项
SVG Viewer:添加了许多实用的 SVG 程序，你无需离开编辑器，便可以打开 SVG 文件并查看它们
Debugger for Chrome:让vscode映射chrome的debug功能，静态页面都可以用vscode来打断点调试、配饰稍微复杂一点
Npm Intellisense require 时的包提示
Document this Js的注释模板
Faker：能够帮你快速的插入用例数据。Faker 可以随机生成姓名、地址、图像、电话号码，或者经典的乱数假文段落
Prett ier（ Prettier – Eslint ）：代码格式化程序， JS 和 CSS 文档快速格式化为统一的代码样式
Project Manager 多个项目之间快速切换的工具
beautiful 格式化代码的工具