Visual Studio Code 的 JavaScript 扩展

Visual Studio Code 的 JavaScript 扩展

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

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

提示： 要了解如何安装和管理您的扩展，请参阅 扩展文档。

查找扩展

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

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

提示：上面显示的扩展是动态查询的。点击上面的扩展磁贴，阅读说明和评论，以决定哪个扩展最适合您。在 Marketplace 中查看更多。

推荐的扩展

如果您刚开始，以下是建议您尝试的扩展。

ESLint

Marketplace - ESLint

Publisher - Microsoft

轻松地将 ESLint 集成到您的项目中。如果 ESLint 不是您最喜欢的 linter，请从各种其他 linter 扩展中进行选择，包括 JSHint、JSCS 和 JS Standard。

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

SonarLint

Marketplace - SonarLint

Publisher - SonarSource

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

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

JavaScript (ES6) 代码片段

Marketplace - JavaScript (ES6) 代码片段

Publisher - charalampos karypidis

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

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

npm IntelliSense

Marketplace - npm IntelliSense

Publisher - Christian Kohler

此扩展在您使用 import 或 require 时提供 npm 模块的 IntelliSense。

12/10/2025