vscode插件大全
HTML Snippets
超级实用且初级的 H5代码片段以及提示
HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式
新版已经支持scss文件检索
jQuery Code Snippets
jquery 重度患者必须品，废话不多说，上图
vscode-icon
让 vscode 资源树目录加上图标，必备良品！
Path Intellisense
自动路劲补全，默认不带这个功能的，赶紧装
HTMLHint
html代码检测
beautify
格式化代码的工具
Bootstrap 3 Sinnpet
常用 bootstrap 的可以下
Atuo Rename Tag
修改 html 标签，自动帮你完成尾部闭合标签的同步修改，不过有些bug。
GitLens
丰富的git日志插件
fileheader
顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间
filesize
在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间
Bracket Pair Colorizer
让括号拥有独立的颜色，易于区分。可以配合任意主题使用。
Faker
使用流行的 JavaScript 库 – Faker，能够帮你快速的插入用例数据。Faker 可以随机生成姓名、地址、图像、电话号码，或者经典的乱数假文段落，并且每个类别还包含了各种子类别，你可以根据自身的需求来使用这些数据。
CSS Peek
使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。
HTML Boilerplate
通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。
Prettier
Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用 Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint，那么还有个
Prettier – Eslint
插件，你可不要错过咯！
Color Info
这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。
SVG Viewer
此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序，你无需离开编辑器，便可以打开 SVG 文件并查看它们。同时，它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项。
Icon Fonts
这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。
Minify
这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过
uglify-js
、
clean-css
和
html-minifier
，与 JavaScript、CSS 和 HTML 协同工作。
Change Case
虽然 VSCode 内置了开箱即用的文本转换选项，但其只能进行文本大小写的转换。而此插件则添加了用于修改文本的更多命名格式，包括驼峰命名、下划线分隔命名，snake_case 命名以及 CONST_CAS 命名等。
Regex Previewer
这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。
AutoFileName (文件路径自动补全插件)
当你需要 require 本地文件时，这个插件将为你提供基于你输入的文件路径的自动补全的选项。
https://marketplace.visualstudio.com/items?itemName=JerryHong.autofilename
ESLint
添加对 ESLint 的支持，并在安装和重启 VS Code 后自动开始工作。
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
JavaScript (ES6) Code Snippets (代码片段插件)
用代码片段加快 ES6 开发速度，例如输入
imd
可以自动生成如下代码：
JavaScript 代码:
- import { } from 'somewhere';
https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
Project Manager (项目管理器插件)
简单的项目管理器,可以在你的编辑器中快速切换项目。
https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
Sort Lines (代码行排序插件)
这个插件可以对选中的代码行进行排序。也提供不区分大小写、反向和唯一等排序功能。
https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines
Wallaby.js (测试插件)
一个高级的连续测试运行器，当您对您正在工作的文件进行测试时，它会在你的编辑器中创建通过测试或测试失败的视觉反馈。
https://marketplace.visualstudio.com/items?itemName=WallabyJs.wallaby-vscode
Sync Settings (设置同步插件)
你很有可能在多台电脑上进行编码工作。在电脑上移植你的插件和设置是轻而易举的事，这要归功于
Shan Ali Khan
的设置同步扩展。
https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Git History (Git 历史记录插件)
可视化的 Git 历史记录插件。
https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
EditorConfig (代码格式化插件)
添加对 EditorConfig 的支持，因此当您格式化文件时，它会引用此约定。
https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig
Document This (JSDoc注释插件)
在 TypeScript 和 JavaScript 文件中自动生成详细的 JSDoc 注释。
https://marketplace.visualstudio.com/items?itemName=joelday.docthis
npm Intellisense (npm 模块导入插件)
VS Code 扩展，在 import 导入语句中自动完成npm 模块。
https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
Align (代码对齐插件)
对齐文本，使代码根据
=
，
:
等对齐。
对齐前：
JavaScript 代码:
- var test = 'string';
- var another = 10;
- var small = 10 * 10;
对齐后：
JavaScript 代码:
- var test = 'string';
- var another = 10;
- var small = 10 * 10;
https://marketplace.visualstudio.com/items?itemName=steve8708.Align
amVim (vim 插件)
目前 VS Code 中的最好用的 vim 插件。不是下载最多的 vim 插件，但它使用的是多指针，不像哪些下载最多的插件。
https://marketplace.visualstudio.com/items?itemName=auiworks.amvim
change-case (命名格式插件)
快速修改突出显示的选中文本的命名格式。 camelCase（骆驼拼命名），PascalCase（首字母大写），kebab-case（中划线命名），underscore_delimited（下划线命名），CONSTANT（大写命名）等。
https://marketplace.visualstudio.com/items?itemName=zhengxiaoyao0716.intelligence-change-case
Code Runner