参加你附近的 ,了解 VS Code 中的 AI 辅助开发。

适用于 VS Code 的 JavaScript 扩展

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

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

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

寻找扩展

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

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

提示:上面显示的扩展是动态查询的。单击上面的扩展磁贴,阅读其描述和评论,以决定哪个扩展最适合您。在应用市场中查看更多。

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

ESLint

应用市场 - ESLint

发布者 - Microsoft

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

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

ESLint animation

SonarLint

应用市场 - SonarLint

发布者 - SonarSource

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

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

SonarLint animation

JavaScript (ES6) 代码片段

应用市场 - JavaScript (ES6) code snippets

发布者 - charalampos karypidis

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

javascript snippets

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

npm 智能感知

应用市场 - npm IntelliSense

发布者 - Christian Kohler

该扩展在使用 importrequire 时为 npm 模块提供智能感知。

npm intellisense