摘要： 好的代码插件可以让工作效率翻倍，心情也更加舒畅！
- 原文：
- 作者：
- 译者：
毫无疑问Visual Studio Code是最流量的轻量级代码编辑器。它确实从其它代码编辑器吸收了大量的概念，特别是Sublime Text和Atom。不过，它受欢迎的原因主要还是在于它的性能更好，并且十分稳定。另外，它还提供了我们最想要的原本只能在那种复杂的大型IDE像Eclipse或者Visual Studio 2017里面才有的智能代码提示(IntelliSense)这样的功能。
VS Code能够如此强大还源自于它的插件市场。归功于其开源社区，VS Code几乎支持所有的编程语言、框架和开发技术。并且有各种各样的支持方案，包括代码片段(snippets)，语法高亮、Emmet和IntelliSense功能相关的技术。
在本文中，我专注于JavaScript开发者经常用到的插件。目前，针对JavaScript有非常多的VS Code插件，我也不可能面面俱到。因此，我会重点列出那些最流行的必不可少的插件。为了使本文更有条理，我将它们分门别类整理。
代码片段(Snippet)插件
当你第一次安装VS Code，它会提供基本的针对JavaScript/TypeScript的代码片段支持。当你要从事更加前沿的开发的时候，你就需要一些额外的代码片段插件来辅助你编写ES6/ES7代码。
语法插件
VS Code自带的针对JavaScript的语法高亮已经相当不错。你可以安装不同的主题来改变代码的颜色。不过，如果你想要更好的可读性，可以安装代码高亮插件。这里有一些推荐：
代码风格检查插件
为了保证整个团队代码格式的一致性，使用一个代码风格检查工具可以做到。ESLint是最流行的一个工具，因为它支持非常多的代码风格，包括标准的、Google和Airbnb。下面列出一些推荐的插件：
Node插件
每一个JavaScript项目至少需要安装一个Node包。这里推荐一些针对Node的插件：
-
为JavaScript和TypeScript模块自动补全import语句。
搜索node_modules里面的代码，标准的搜索是不会包含该文件夹的。
- ：显示引入的包的大小
代码格式化插件
你也许会发现，有时后复制粘贴完一段代码后，缩进的格式变乱，需要一行一行的调整十分麻烦。这个时候，你肯定想要一个代码格式化工具。
浏览器插件
除非你直接在控制台写JavaScript代码，大多数时候是在浏览器中执行的。也就是说，每一次代码更新，你都需要刷新页面来重写载入代码。如果一直手动操作，是很繁琐的。我们可以用插件来替代。
- ：你只需要在代码编辑器中设置断点，在浏览器中会在断点处暂停。
- ：在本地开发环境中，实时重新加载(reload)页面。
框架插件
对于大多数项目，为了节省开发时间，你往往会使用一个合适的开发框架来快速开发。在VS Code上，大多数框架都有相应的插件支持。但是依然有很多框架并没有对应的插件。
测试插件
其它很酷的插件
我把它们分类到awesome类别，是因为它们真的很酷。
- ：这是一个用来计算JavaScript和TypeScript代码复杂度的插件。
插件包
结语
VS Code能够如此流行的一个原因就是拥有大量的高质量插件。它前所未有的提高了编码的效率。比如ESLint助你减少代码失误，Debugger for Chrome让你更加方便去Debugging。Node.js的智能引入提示让你可以让你正确引入所需模块，Live Server和 REST Client可以让你省去频繁切换到外部工具的麻烦。我希望今天介绍的这些插件可以帮助你提高工作效率。