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

Marketplace - ESLint

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

在 VS Code 文档中阅读有关设置 JavaScript linters 的更多信息。

eslint animation

VS Code 附带了许多内置代码片段。JavaScript (ES6) 代码片段扩展为 ES6 (ECMAScript 6) 语法添加了片段。以下是此扩展提供的一些片段的小样本。查看该扩展的 README，了解此包为你提供的数十个片段。

javascript snippets

你可以在 VS Code 文档中阅读有关 JavaScript 片段的更多信息。有关其他片段包，包括 Angular 1、Angular 2、Bootstrap 3、ReactJs 和 jQuery，请查看 Marketplace 的片段类别。

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

path intellisense

Christian Kohler 的第二个非常有用的扩展。此扩展为 npm 模块提供智能感知。

npm intellisense

Wade Anderson，VS Code 团队成员
@waderyan_