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

  • 发表于:
  • 本文为 InfoQ 中文站特供稿件
  • 首发地址https://www.infoq.cn/article/02mq2EZIhAaRuPk2Z8id
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券