在 VS Code 中试试

VS Code 的 JavaScript 扩展

Visual Studio Code 支持许多用于 JavaScript 和 Node.js 开发的功能。下载的产品附带的功能是核心功能:调试、IntelliSense、代码导航等。

除了这些核心功能之外,您还可以安装大量高质量的扩展,以便为 VS Code 添加用于 JavaScript 开发的功能。

提示:有关如何安装和管理扩展的信息,请参阅扩展文档

查找扩展

您可以在扩展视图搜索栏中输入 JavaScript 来查找 JavaScript 扩展。或者,您可以使用标签查找 JavaScript 扩展:“tag:javascript”。在 VS Code 或 Marketplace 中搜索更多扩展。

此外,您还可以搜索 Node.js 扩展。

提示:上面显示的扩展是动态查询的。点击上面的扩展块以阅读描述和评论,从而决定哪个扩展最适合您。在 Marketplace 中查看更多信息。

如果您刚开始使用,我们推荐您尝试以下扩展。

ESLint

Marketplace - ESLint

发布者 - Microsoft

轻松将 ESLint 集成到您的项目中。如果 ESLint 不是您最喜欢的 linter,您可以选择各种其他 linter 扩展,包括 JSHintJSCSJS Standard

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

ESLint animation

SonarLint

Marketplace - SonarLint

发布者 - SonarSource

SonarLint 帮助您在编写代码时查找并修复 bug 和安全问题。该扩展在后台运行,就像拼写检查器一样,突出显示编码问题。SonarLint 不仅会告诉您问题是什么,还会提供有关问题有害原因以及如何修复的上下文指导,并附带相关示例。该扩展支持 200 多条 JS/TS 规则,并包含多个快速修复 (Quick Fixes) 来自动处理您的编码问题。

在 VS Code Marketplace 中搜索“SonarLint”并安装。无需配置。您可以从适合大多数用户的默认配置文件开始,并根据您的特定需求进行自定义。

SonarLint animation

JavaScript (ES6) 代码片段

Marketplace - JavaScript (ES6) 代码片段

发布者 - charalampos karypidis

VS Code 附带许多内置代码片段。JavaScript (ES6) code snippets 扩展添加了 ES6 (ECMAScript 6) 语法的代码片段。以下是此扩展提供的一小部分代码片段示例。请参阅该扩展的 README 文件,以查看此扩展包为您提供的数十个代码片段。

javascript snippets

您可以在 VS Code 文档中阅读有关 JavaScript 代码片段的更多信息。要获取更多代码片段包,包括 Angular 1Angular 2Bootstrap 3ReactJsjQuery,请查看 Marketplace 的代码片段类别

npm IntelliSense

Marketplace - npm IntelliSense

发布者 - Christian Kohler

当使用 importrequire 时,此扩展为 npm 模块提供 IntelliSense。

npm intellisense