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不是你最喜欢的LINTER,可以选择多种其他linter扩展,包括JSHintJSCSJS Standard

想了解更多关于设置JavaScript linter的内容,可以参考VS Code文档

ESLint动画

声纳林特

市场 - SonarLint

出版商 - SonarSource

SonarLint帮助你在编程过程中发现并修复错误和安全问题。该扩展在后台运行,就像拼写检查器一样,会突出显示编码问题。SonarLint不仅告诉你问题所在,还提供相关说明,说明问题为何有害以及如何解决,并附有相关示例。该扩展支持 200+ JS/TS 规则,并包含多个快速修复,可自动处理编码问题。

在VS Code市场搜索“SonarLint”并安装。无需配置。你可以从一个适合大多数用户的默认配置文件开始,并根据你的具体需求进行定制。

SonarLint 动画

JavaScript (ES6) 代码片段

Marketplace - JavaScript (ES6) 代码片段

出版社 - 查拉兰波斯·卡里皮迪斯

VS Code 内置了许多代码片段。JavaScript (ES6) 代码 snippets 扩展为 ES6(ECMAScript 6)语法添加了 snippet。以下是该扩展提供的一些片段。查看扩展的README,查看该资料包提供的数十个摘要。

JavaScript 摘要

你可以在VS Code文档中阅读更多关于JavaScript片段的内容。如需更多片段包,包括 Angular 1Angular 2Bootstrap 3ReactJsjQuery,请查看市场的 Snippets 类别

npm IntelliSense

Marketplace - npm IntelliSense

出版人 - 克里斯蒂安·科勒

该扩展为使用 npm 模块提供 IntelliSense进口要求.

NPM Intellisense