VSCode 常用的插件列表

文章2018-01-182,172 人已阅来源：网络

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。

就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。

1、Open-In-Browser

由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。

2、CSS Peek

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

3、Prettier

美化javascript，JSON，CSS，Sass，和HTML代码。

4、Minify

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

5、HTML Snippets

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

6、HTML CSS Support

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

7、jQuery Code Snippets

jquery 重度患者必须品

8、vscode-icon

让 vscode 资源树目录加上图标

9、Path Intellisense

自动路劲补全，默认不带这个功能的，赶紧装

10、fileheader

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

11、IntelliSense for CSS class names in HTML

在html中，写标签css属性的时候，会自动提示css文件中已定义的类和id。

12、Auto Rename Tag

修改HTML标签时，自动修改匹配的标签

13、Debugger for Chrome

调试JavaScript

14、px2rem

px值转rem

15、Easy SASS

SCSS/SASS文件保存可自动生成并同步编译成同名css文件

16、Easy LESS

LESS文件保存可自动生成并同步编译成同名css文件

AIHX