2020 年面向前端开发人员的 10 个 Visual Studio Code 扩展

Visual Studio Code 在 2017 年拥有 260 万月活跃用户（这是我能找到的最新官方数据，现在肯定更多了），可以说是目前最好的代码编辑器。它最棒的功能之一是 Market Place，提供了大量的扩展程序，可以根据您的需求进行定制，帮助您编写高质量的代码。在本文中，我将为使用 HTML、CSS、JavaScript 以及 VueJS 或 ReactJS 等框架的前端工程师推荐 10 个 VS Code 扩展程序。

JavaScript 代码片段

该扩展由 Charalampos Karypidis 创建，迄今为止下载量已达 450 万次。它提供用于编写​​ JavaScript、Typescript、React、Vue、HHTML 等的代码片段，并支持 ES6 语法。

新公共管理

每个开发人员都知道 NPM - Node 包管理器。此扩展程序可帮助您管理 Package.json，在依赖项尚未安装时发出警告，并有助于版本控制。

Prettier

Esben Petersen 开发的 Prettier 是一款非常简洁的扩展程序，下载量已接近 1400 万次。它可以帮助您格式化代码，并提供颜色关键字以提高代码的可读性。

CSS 速览

CSS Peak 可以帮助您处理标记语言类字符串和 ID，它能够识别并枚举已应用的不同样式。这非常方便，因为您无需再在 HTML 和 CSS 文件之间来回切换。

维图尔

Vetur 是 VueJS 的官方扩展，下载量已超过 2000 万次。它提供错误检查、自动补全功能以及 Vue 代码片段。如果你和我一样是 Vue 开发者，这真的很棒！

ESLint

ESLint - 怎么说呢？很多人喜欢 linting，也有很多人不喜欢。但 linting 对代码整洁的价值毋庸置疑，如果你使用 JavaScript 进行开发，这个拥有 2400 万次下载的扩展程序无疑是最佳选择。

实时 Sass 编译器

Live Sass Compiler 扩展是一个小巧但功能强大的工具，可以实时将您的 SASS/SCSS 文件编译为 CSS 文件，并在您的浏览器中提供编译样式的实时预览。

Chrome 调试器

对于许多开发者来说，Chrome 是开发、测试和调试代码的首选浏览器。有了这款 VS Code 官方扩展，你可以直接从 Visual Studio Code 进行这些操作——太酷了！

实时服务器

Ritwick Dey（Live Sass Compiler 的开发者）开发的 Live Server 可在 Visual Studio Code 中创建本地开发服务器，用于服务您的静态和动态网站。使用编辑器中的“上线”按钮，您可以立即提供代码服务，而且该扩展还支持实时重新加载——太棒了！

美化

最后但同样重要的是，这个系列中的 Beautify 是另一个与 Prettier 类似的优秀代码格式化扩展。近 1200 万次下载量不言而喻，你可以用它来格式化 JavaScript、JSON、CSS、Sass 和 HTML 代码。

结论

这个扩展合集远非完整，其中的扩展也未必是最好的，但我希望它能为你提供一些非常好的工具，帮助你编写高质量的代码，成为一名更优秀的 Web 开发者。如果你发现了一些有用的扩展，或者你认为其他一流的扩展建议，请在评论区告诉我。