共计 1429 个字符，预计需要花费 4 分钟才能阅读完成。
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 扩展大家都可以尝试下载去使用一下说不定能给你带来意外的惊喜哦；
❤️ 看之后
- 点赞，让更多的人也能看到这篇内容（收藏不点赞，都是耍流氓 -_-）
- 关注公众号「新前端社区」，号享受文章首发体验！每周重点攻克一个前端技术难点。
