JavaScript 扩展系列（第一部分）

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

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

我在 2013 年夏季实习期间学习了 JavaScript。虽然它不是一门难学的编程语言，但上手并不容易。当时我和团队其他成员都在使用轻量级编辑器，因此我非常怀念 Visual Studio (C#) 和 Eclipse (Java) 中那种深度语言集成功能。

Visual Studio Code 并非 IDE，但你可以通过扩展使其具备许多 IDE 的功能。VS Code 扩展有效地弥补了 IDE 与轻量级编辑器之间的鸿沟（阅读此处了解我们如何在添加扩展的同时保持高性能）。

以下是我和许多开发者每天都在使用的一些核心 JavaScript 扩展。

提示：安装这些扩展的方法是：点击“扩展”视图按钮，在搜索框中输入扩展名称，然后点击安装。详情请参阅浏览扩展。

ESLint

市场 - ESLint

将 ESLint 轻松集成到你的项目中。Dirk 是 VS Code 团队成员，他一直在维护此扩展，并刚刚发布了更新。如果 ESLint 不是你最喜欢的代码检查工具，你也可以在其他各种 linter 扩展中进行选择，包括 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），请查看市场中的 Snippets 类别。

此扩展可以在你的源代码中自动补全文件路径。适用于 JavaScript、HTML、CSS 文件及更多类型。

path intellisense

这是来自 Christian Kohler 的第二个极其有用的扩展。该扩展为 npm 模块提供了 IntelliSense（智能感知）支持。

npm intellisense

Wade Anderson，VS Code 团队成员
@waderyan_