VS Code 的 JavaScript 扩展

Name: Visual Studio Code
Author: Microsoft

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

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

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

寻找扩展

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

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

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

推荐扩展

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

ESLint

Marketplace - ESLint

Publisher - Microsoft

轻松将 ESLint 集成到您的项目中。如果 ESLint 不是您最喜欢的代码检查工具，您可以在其他各种代码检查器扩展中进行选择，包括 JSHint、JSCS 和 JS Standard。

在 VS Code 文档中阅读有关设置 JavaScript 代码检查器的更多信息。

ESLint animation

SonarLint

Marketplace - SonarLint

Publisher - SonarSource

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

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

SonarLint animation

JavaScript (ES6) 代码片段

Marketplace - JavaScript (ES6) code snippets

Publisher - charalampos karypidis

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

javascript snippets

您可以在 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。

npm intellisense

7/29/2026