Visual Studio Code可能被称为最佳的现代代码编辑器。 如果您尚未与他合作，那么至少应该看看他。 为VS Code编写了大量扩展，这些扩展位于
Marketplace目录中，可通过编辑器本身方便地进行访问。
有一些用于调试和格式化代码的扩展程序，这些扩展程序使使用各种平台（例如Heroku，GitHub，Docker，Azure）和技术变得更加容易。 在市场中，您可以找到编辑器，lint的主题，便于输入重复代码片段的工具等。
该材料的作者（我们今天将在其中进行翻译）选择了10种最佳的VS Code扩展，这些扩展主要适用于从事前端开发的人员，即可以使用HTML，CSS，JavaScript和各种Web框架的人员。
初步资料
如果您以前没有使用过VS Code，但想尝试使用此编辑器，则可以
在此处下载。 但是，如果感兴趣的话，可以证明其功能的材料。
下载并安装VS Code后，打开扩展面板。
扩展面板接下来，在搜索字段中找到您感兴趣的扩展，研究有关该扩展的信息，如果您决定需要它，请安装它。 扩展程序搜索工具如下图所示。
在市场中搜索VS Code的扩展现在让我们谈谈扩展。
实时服务器
实时服务器扩展这个奇妙的扩展旨在创建一个本地服务器，在开发过程中用于在其上托管静态和动态页面。 安装此扩展程序后，“运行”按钮将出现在任务栏上，您可以通过它启动服务器。 在编辑HTML页面时按此按钮将导致该页面在浏览器中打开。 服务器支持交互式页面重新加载，该操作是在更改代码并保存相应文件之后执行的。
Live Sass编译器
Live Sass编译器扩展此扩展以交互方式将SCSS文件编译为CSS文件。 这很快完成。 您可以使用任务栏中的“观看我的混蛋”按钮来启动在浏览器中应用编译样式的结果的预览。 正如刚才所讨论的，此扩展支持交互式重新加载材料。
Javascript（ES6）代码段
Javascript扩展（ES6）代码段值得注意的是，此扩展名的下载量已超过200万，而且随着时间的流逝，它的受欢迎程度也越来越高。 它为开发人员提供了适用于以下类型文件的软件结构（摘要）：
- 打字稿（.ts）
- JavaScript React（.jsx）
- TypeScript React（.tsx）
- HTML（.html）
- Vue（.vue）
NPM
NPM扩展这是VS Code的官方Node Package Manager（npm）扩展。 它使package.json文件的使用变得容易。 特别是，它显示有关文件中反映但未安装的依赖关系的警告，以及已安装但未在package.json中注册的依赖关系的警告。 它有助于识别版本不符合package.json中指定规则的软件包，并为开发人员提供了运行npm命令的便捷工具。
ESLint
ESLint扩展该扩展提供了.js和.jsx文件的整理功能。 它是可配置的，并允许统一的代码格式。 ESLint拥有近1200万的下载量，可以称为VS Code最受欢迎的扩展之一。
更漂亮
更漂亮的扩展这个广受欢迎的扩展程序拥有近四百万的下载量。 它有助于格式化JavaScript代码，从而可以维护统一的代码库并提高程序的可读性。 市场中有一个类似的扩展，Beautify，也很受欢迎。
CSS速览
CSS Peek扩展当使用页面布局，基于类名和元素标识符识别和派生应用于它们的样式时，此有用的扩展很有用。 通过消除开发人员在HTML和CSS文件之间不断切换的需求，它有助于节省时间。 当然，可以通过在分屏模式下查看适当的文件来解决此类任务，但并非每个人都喜欢使用这种样式。
角度6片段
Angular 6代码片段扩展这是为Angular 6提供开发人员摘要的官方扩展。相应的代码遵循Angular样式指南；使用此扩展可以加快Angular项目的开发过程，特别是由于代码完成。 它支持TypeScript，服务工作者语法，RxJS，ngRx甚至Angular Material。 如果您正在使用VS Code开发Angular应用程序并且尚未使用此扩展，那么您绝对应该对其进行研究。
威图
Vetur扩展这是VS Code的官方Vue.js扩展，下载量惊人，其中下载量超过500万。 旨在促进Vue.js应用程序的开发。 Vetur可以检查代码中的错误，支持自动完成和代码段。
Chrome调试器
Chrome扩展程序调试器这是VS Code的官方扩展，旨在使用Google Chrome调试JS代码。 它是当前使用最广泛的VS Code扩展之一。
总结
我们仅检查了VS Code的十二个扩展，但实际上有很多扩展。 当您检查Marketplace目录时，很可能会发现那里的东西比讨论的扩展要有用得多。 但是，它们中的大多数对任何前端开发人员都可以提供很大的帮助。 我们希望它们也对您有用。
如果您对VS Code扩展的主题感兴趣-
这是我们的另一本有关JS开发人员的材料。 通过发布该材料，我们向读者提出了有关他们使用什么扩展名的问题。
事实证明 ，这是Code Outline，Todo Tree和GitHub。 今天，亲爱的读者，我们想问您同样的问题。 您喜欢VS Code的哪些扩展？
