VS Code插件的种类

程序开发 2023-09-13 08:05:17

这是转载的，但是忘记转载的谁的了，有知道的大佬，请私信我，万分感谢，希望对看到文章的人有所帮助

在本文，我主要介绍专门针对JavaScript开发者的VS Code插件。有很多满足此条件的VS Code插件，当然我不会都作介绍。相反，我会着重介绍那些已经相当流行而且对JavaScript开发者来说必不可少的VS Code插件。为简单起见，我把它们分为10类。

在这之中可能有你已经知道并且正在使用的插件，但也很有可能有一些是你听说过但未曾使用过的，我也希望通过本文能为你简要的介绍一下这些插件。

1. 代码片段插件

当你第一次安装VS Code时，它会附带一些JavaScript和TypeScript的代码片段。在你开始上手现代JavaScript之前，你将需要一些额外的代码片段来帮助你快速地编写ES6/ES7代码：

VS Code自带很好的JavaScript代码语法高亮。你可以通过安装主题改变这些颜色。然而，如果你想要更高水平的可读性，就得安装语法高亮的插件了。这里有一些：

以最小的烦恼高效编写JavaScript代码，需要一个代码检测(linter)工具。它强制团队所有成员遵循特定的代码规范。ESLint是最受欢迎的，它支持许多代码风格，包括Standard、Google和Airbnb的JavaScript代码规范。这里是最流行的VS Code代码检查插件：

如果你想查看对各种代码检测优缺点的综述，可以来看看我们对代码检测工具的比较。

每一个JavaScript项目都需要至少一个Node package，除非你是那种喜欢以艰难的方式做事的人。这里有一些VS Code插件，能帮你更容易的处理Node模块。

有时，你发现自己会对以前写过的风格不太理想的代码做格式整理。为了节约时间，你可以安装以下任何的VS Code插件，来快速地格式化和重构现有代码：

除非你是在用JavaScript写控制台程序，否则你多半会在浏览器中执行你的JavaScript代码。这意味着，你会频繁地刷新浏览器以观察每次你更新代码的效果。这里有一些工具，能极大地减少你开发时的这种重复流程，而不是每次都手动刷新浏览器：

对于大多数项目，你会使用合适的框架去构建你的代码，以减少开发时间。VS Code通过插件对大多数主流框架都做了支持。然而，仍有一些特定框架没有得到完全的支持。下面是一些提供了强大功能的VS Code插件。

测试是软件开发中的关键环节，对于生产阶段的项目来说更是如此。你可以通过阅读我们的指南-JavaScript测试：单元测试 vs 功能测试 vs 集成测试-来获得对JavaScript测试的一个概观。这里有一些针对测试的VS Code插件：

我把下一批VS Code的插件归为"厉害的"(awesome)这一类，因为这个描述恰到好处。

现在我们来到了最后一类，我想让你知道，VS Code市场有有一个插件包的分类。本质上，它们是相关联的一些VS Code插件的集合，打成一个包，方便安装。这里有些较好的：

标签：