JavaScript 扩展第一部分

2016 年 9 月 14 日，作者：Wade Anderson，@waderyan_

这是关于 JavaScript 扩展系列文章的第一部分。

我在 2013 年夏天的一次实习期间学习了 JavaScript。虽然 JavaScript 并不是一门困难的编程语言，但学起来并不轻松。我和团队中的其他人一样使用了一个轻量级编辑器，并且错过了 Visual Studio (C#) 和 Eclipse (Java) 深度语言集成功能。

Visual Studio Code 不是一个 IDE，但你可以扩展它来完成 IDE 能做的许多事情。VS Code 扩展有效地弥合了 IDE 和轻量级编辑器之间的鸿沟（阅读此处了解我们如何在添加扩展时保持高性能）。

下面是我和许多人每天都在使用的一些基本 JavaScript 扩展。

提示：安装这些扩展中的任何一个，请单击“扩展视图”按钮，在“搜索”框中输入扩展名称，然后单击安装。有关更多信息，请参阅浏览扩展。

ESLint

市场 - ESLint

轻松将 ESLint 集成到您的项目中。Dirk 是 VS Code 团队的成员，他维护着这个扩展，并且刚刚发布了一个更新。如果 ESLint 不是您最喜欢的代码检查器，您可以从各种其他代码检查器扩展中进行选择，包括 JSHint、JSCS 和 JS Standard。

在 VS Code 文档中阅读有关设置 JavaScript 代码检查器的更多信息。

eslint animation

VS Code 附带了许多内置代码片段。JavaScript (ES6) code snippets 扩展添加了 ES6 (ECMAScript 6) 语法的片段。这是此扩展提供的一小部分片段。请参阅扩展的 README，查看此包提供的数十个片段。

javascript snippets

您可以在 VS Code 文档中阅读有关 JavaScript 片段的更多信息。对于额外的片段包，包括 Angular 1、Angular 2、Bootstrap 3、ReactJs 和 jQuery，请查看市场的片段类别。

此扩展会自动完成源代码中的文件路径。在 JavaScript、HTML、CSS 文件等中使用此功能。

path intellisense

来自 Christian Kohler 的第二个非常有用的扩展。此扩展为 npm 模块提供了 IntelliSense。

npm intellisense

Wade Anderson，VS Code 团队成员
@waderyan_