JavaScript开发人员必须拥有的VS代码扩展

JAVA

Visual Studio代码(VS代码)无疑是当今最流行的轻量级代码编辑器。它确实大量借鉴了其他流行的代码编辑器，其中大部分是出色的文本和Atom。然而，它的成功主要来自它提供更好的性能和稳定性的能力。此外，它还提供了非常需要的功能，如智能感知，这些功能只在全尺寸的ide中可用，如Eclipse或Visual Studio 2017。

VS代码的力量无疑来自于市场。多亏了美妙的开源社区，编辑器现在能够支持几乎所有的编程语言、框架和开发技术。对库或框架的支持有多种方式，主要包括代码片段、语法高亮、Emmet和特定技术的智能感知特性。

VS代码扩展的类别

对于本文，我将重点关注VS代码扩展，特别是针对JavaScript开发人员的扩展。目前，有许多VS代码扩展符合这一标准，这当然意味着我不能全部提到它们。相反，我将重点介绍VS代码扩展，它们已经非常流行，并且对于JavaScript开发人员来说是必不可少的。为了简单起见，我将把它们分成10个特定的类别。

片段的扩展

当您第一次安装VS代码时，它附带了几个用于JavaScript和Typescript的内置代码片段。代码片段可以帮助您快速编写重复的代码。然而，你可能会发现这些还不够。您可以轻松地创建自己的扩展，也可以简单地安装一个扩展，其中包含一组新的有用的代码片段。一个快速提示，如果你想让片段显示在建议的顶部是使用这个配置:

{ "editor.snippetSuggestions": "top"}

以下是一些最受JavaScript开发人员欢迎的代码片段扩展。但是，为了简单起见，我建议您只安装一个。

JavaScript(ES6)代码片段，由CharalamposKarypidis编写。这是目前最流行的javaScript代码片段扩展，迄今为止已经安装了300多万次。该扩展为JavaScript、TypeScript、HTML、React和Vue提供了ES6语法。所有代码片段都包含最后一个分号。

JavaScript(ES6)标准js风格的代码片段，作者JamesVickery。对于那些喜欢标准js风格惯例的人来说，这基本上是上述扩展的一个分支——也就是说，代码片段没有分号。

JavaScript标准js风格的片段，由capaj。另一个标准js风格的代码片段，但这一个更受欢迎的超过72k安装。最初由AtomStandardJS代码片段分叉。包含大量方便的代码片段，并支持JavaScript、TypeScript和React。

JavaScript代码片段，NathanChapman编写。到目前为止，安装了大约33k+的JavaScript代码片段集合。此代码段扩展支持Node。js,BDD测试框架，如Mocha和Jasmine。

AtomJavaScript代码片段，作者SaranTanpituckpong。到目前为止，大约安装了26k+，这个扩展中的代码片段是从atom/language-javascript移植过来的。从atom/语言-JavaScript扩展中移植的JavaScript代码片段。

语法高亮显示的扩展

VS代码的最新版本支持更好的语法着色，现在更符合Atom语法中设置的标准。因此，不再需要JavaScriptAtom语法之类的扩展。

但是，我们仍然有一些语法突出显示扩展，当涉及到某些类型的项目和文件扩展时，它们非常有用。这里有几个:

《巴别塔JavaScript》(BabelJavaScript)，迈克尔·麦克德莫特(MichaelMcDermott)著。到目前为止，该扩展安装了超过550k+，为ES201xJavaScript、React、FlowType和GraphQL代码提供了语法高亮显示。

DotENV,到833737年。到目前为止，该扩展安装了超过833k，它支持对环境设置进行语法高亮显示，即.env文件。

括号对着色剂2，由CoenraadS。在730k+的安装中，这个扩展用不同的颜色突出显示匹配的括号，帮助您识别哪个括号属于哪个块。