15款好用的VS Code插件

VS Code有个市场，提供很多插件，开发人员可以把它们安装到文本编辑器，增强编辑器功能。在视图菜单中，选择扩展选项或按下shift + cmd + X即可进入市场。

善用VS Code插件，不仅节省时间，还能提高工作效率，让你成为更好的开发人员。

1. Live Server

该插件允许我们在更改IDE中的代码时，自动重新加载Web页面。

一旦安装Live Server后，在html文件上右键单击，可看到选项Open with Live Server[Alt + L + Q]。

下载地址：Live Server

2. Quokka.js

Quokka.js会在你输入时自动计算结果，并在IDE中打印结果。

下载地址：Quokka.js

3. Code Spell Checker

它是一款拼写检查程序，可以为开发者报告一些常见的拼写错误。它很适合驼峰式代码。

下载地址：Code Spell Checker

4. GitLens

GitLens可增强Visual Studio Code中内置的Git功能。

它不仅能帮助你通过Git blame注解直观地看到代码作者，而且还可以无缝浏览和探索Git存储库，通过强大的比较命令获得有价值的见解，等等。

下载地址：GitLens

5. Prettier

Prettier是一个严格基于规则的代码格式化程序。

它解析代码并使用自己的规则重新打印代码，从而实现风格一致。这是一个重要的工具，无需开发人员做任何工作，它就能让我们获得格式正确的代码。

Prettier提供合理的默认值，但你也能在项目的根目录下提供一个配置文件来设置自己的标准，比如行长度、制表符/空格的数量等等。

下载地址：Prettier

6.ESLint

ESLint是一款静态代码分析工具，用来识别JavaScript代码中出现的有问题的模式。

ESLint中的规则是可配置的，用户可以定义和加载自己的规则。它还涵盖了代码质量和编码风格问题。

下载地址：ESLint

7. vscode-icons

该插件会基于文件扩展名在the tree view中的文件名旁添加图标，让你更容易地识别文件。

下载地址：vscode-icons

8. Live Saas Compiler

它能帮你实时把SASS/SCSS文件编译/转译成CSS文件，并且提供在线浏览器重载。

下载地址： Live Saas Compiler

9. JavaScript (ES6) code snippets

这个插件包含面向VS Code编辑器的ES6语法的JavaScript代码片段（支持JavaScript和TypeScript）。

下载地址：JavaScript (ES6) code snippets

10. Browser Preview

它可以让你在编辑器中打开一个用于调试的真正的浏览器预览。

下载地址：Browser Preview

11. Path Intellisense

该扩展可以自动补全代码中的路径和文件名。

下载地址：Path Intellisense

12.Bracket Pair Colorizer

这个扩展允许用颜色来标识匹配的括号。用户可以定义要匹配的字符和要使用的颜色。

下载地址：Bracket Pair Colorizer

13. Vim

VSCodeVim是一个用于Visual Studio Code的Vim仿真器，为你的文本编辑器带来Vim的强大功能。

下载地址：VSCodeVim

14. TODO Highlight

高亮显示代码中的TODO、FIXME及其他注解。

下载地址：TODO Highlight

15. Color Highlight

这个扩展可以风格化在你的文件中找到的css/web颜色，所以你无需打开页面就能看到它们是什么颜色。

下载地址：Color Highlight

英文原文：

15 VS Code Extensions to Save Your Time and Make You a Better Developer