现已推出!阅读有关 11 月份的新功能和修复的信息。

适用于 VS Code 的 JavaScript 扩展

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

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

提示: 要了解如何安装和管理扩展,请参阅扩展文档

查找扩展

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

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

提示:上面显示的扩展是动态查询的。单击上面的扩展磁贴以阅读说明和评论,以确定哪个扩展最适合您。请参阅市场中的更多内容。

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

ESLint

市场 - ESLint

发布者 - Microsoft

轻松将 ESLint 集成到您的项目中。如果 ESLint 不是您最喜欢的代码检查器,请从各种其他代码检查器扩展中进行选择,包括 JSHintJSCSJS Standard

请参阅 VS Code 文档,了解有关设置 JavaScript 代码检查器的更多信息。

ESLint animation

SonarLint

市场 - SonarLint

发布者 - SonarSource

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

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

SonarLint animation

JavaScript (ES6) 代码片段

市场 - JavaScript (ES6) 代码片段

发布者 - charalampos karypidis

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

javascript snippets

您可以在 VS Code 文档中阅读有关 JavaScript 代码片段的更多信息。对于其他代码片段包,包括 Angular 1Angular 2Bootstrap 3ReactJsjQuery,请查看市场的代码片段类别

npm IntelliSense

市场 - npm IntelliSense

发布者 - Christian Kohler

此扩展在您使用 importrequire 时为 npm 模块提供 IntelliSense。

npm intellisense