现已推出!阅读 10 月份的新功能和修复。

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) 语法的代码段。以下是一些此扩展提供的代码段示例。查看此扩展包的 自述文件 以查看此扩展包提供的数十个代码段。

javascript snippets

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

npm IntelliSense

市场 - npm IntelliSense

发布者 - Christian Kohler

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

npm intellisense