VS Code前端必备插件

前言

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于卓越的性能和丰富的插件功能，越来越受到大家的喜爱。
VS Code可以说是越来越强大，最近新增工作区功能（可同时打开多个项目），项目管理方便了很多，作为一个后端的我也选择了它。

通用插件

Beautify
HTML,CSS,SCSS,JS格式化

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

HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式
新版已经支持scss文件检索

CSS Peek
这款插件可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码，有没有觉得这是一个神器。

jQuery Code Snippets
jquery 重度患者必须品，废话不多说，上图

Path Intellisense
自动路劲补全，默认不带这个功能的

Auto Close Tag
匹配标签，关闭对应的标签。很实用【HTML/XML】

Atuo Rename Tag
修改 html 标签，自动帮你完成尾部闭合标签的同步修改，不过有些bug。

工具插件

Debugger for Chrome
让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试，配置稍微复杂一些

Minify
这款插件用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css 和 html-minifier，与 JavaScript、CSS 和 HTML 协同工作。

Sass
Sass语法高亮，自动提示功能

Easy Sass
自动编译SASS/SCSS文件，生成.css和.min.css后缀文件

Easy LESS
自动编译.less文件，生成.css后缀文件

Gulp Snippets
Gulp代码提示

Gulp Task Symbol Provider
Gulp Task 运行工具，熟悉Gulp的朋友可以使用