2019年JavaScript开发者必备的10个vscode插件

VSCode现在前端圈特别火爆，基本人手一件，那么选择一个好的插件能够帮我们提高开发效率，和开发体验。今天给大家推荐的这个10个插件希望对大家有所帮助。
之前我们还热衷使用Atom,webstorm,在前两年的时候改用了vscode,感觉非常好，性能也不错。而且vscode的社区和市场也日渐强大，这也是我选择vscode的原因之一。

10.Quokka.js

类别：调试
Quokka.js是JavaScript和TypeScript的游乐园。它会立即执行你输入的代码，并在代码编辑器中显示各种执行结果。虽然我认为Quokka是一个非常酷的调试和测试的工具，但对我来说并不是那么的重要，因为它可能会分散我为代码的某些部分编写正确的测试，但在某些时候我还是会去用他。

9.fira

类别：字体

Fira Code是最好的编程字体之一，带有连字，可以帮助您在习惯后更快地阅读代码。除了安装扩展程序以将其设置为编辑器的字体之外，还需要几个步骤，但是并不难。如果你想让你的代码看起来更好一点，在同事面前耍一下酷，这绝对值得一试。

8.Babel JavaScript

类别：语法高亮

Babel JavaScript在安装VS Code时必装的一个插件。它支持ES201x，React和JSX语法高亮。

7.REST客户端

类别：测试

REST客户端这个可能是我在一段时间内使用过的最好的扩展之一，他支持我们在vscode中直接发送HTTP请求并查看响应，所以在测试某些接口的时候我们并不需要去借助其他的工具来实现，直接用这个插件就可以做到。

6. 30 seconds of code

类别：代码片段

30秒的代码是同名的项目的官方扩展，其中有很多关于es6的代码，能快速帮助我们解决实际开发中的问题。

5.实时服务器

类别：调试

Live Server为您提供了一种从VS Code提供静态和动态页面快速搭建一个服务方法，同时它还支持热加载。如果您熟悉Web Server for Chrome或任何执行类似操作的npm软件包，你可以去尝试一下。

4. GitLens

类别：git
GitLens是最受欢迎的VS Code扩展之一，在我看来它也是最有用的扩展之一。代码作者，活动热图，最近的变化和历史这些都是它提供的一些功能。如果您正在使用具有多个贡献者的任何存储库，那么这应该是你值得拥有的。

3.One Dark Pro

类别：主题

One Dark Pro将Atom的标志性的主题One Dark带入VS Code。我个人认为这是我在一段时间内使用过的最精美且不会让你产生视觉疲劳的主题之一，所以，当我从Atom迁移到VS Code时，我自然就安装了它。我知道这是一个个人偏好，VS Code还有一些其他开箱即用的好主题，但我认为你应该试一试。

2. ESLint

类别：linter

ESLint将最流行的JavaScript linter转换为VS Code扩展。如果您已经在项目中使用ESLint，请安装这个扩展程序，让它发挥它作用。

1. Prettier

类别：formatter

Prettier不需要太多的介绍。这是一个固定的代码格式化程序，变成了VS代码的扩展。如果你想让你的代码更漂亮，你应该考虑安装这个方便的小扩展。

以上的的vscode扩展大家都可以尝试下载去使用一下说不定能给你带来意外的惊喜哦；

❤️ 看之后

• 点赞，让更多的人也能看到这篇内容（收藏不点赞，都是耍流氓 -_-）
• 关注公众号「新前端社区」，号享受文章首发体验！每周重点攻克一个前端技术难点。