VS Code 的 JavaScript 扩展
Visual Studio Code 支持许多用于 JavaScript 和 Node.js 开发的功能。下载的产品附带的功能是核心功能:调试、IntelliSense、代码导航等。
除了这些核心功能之外,您还可以安装大量高质量的扩展,以便为 VS Code 添加用于 JavaScript 开发的功能。
提示:有关如何安装和管理扩展的信息,请参阅扩展文档。
查找扩展
您可以在扩展视图搜索栏中输入 JavaScript
来查找 JavaScript 扩展。或者,您可以使用标签查找 JavaScript 扩展:“tag:javascript”。在 VS Code 或 Marketplace 中搜索更多扩展。
此外,您还可以搜索 Node.js 扩展。
提示:上面显示的扩展是动态查询的。点击上面的扩展块以阅读描述和评论,从而决定哪个扩展最适合您。在 Marketplace 中查看更多信息。
推荐扩展
如果您刚开始使用,我们推荐您尝试以下扩展。
ESLint
Marketplace - ESLint
发布者 - Microsoft
轻松将 ESLint 集成到您的项目中。如果 ESLint 不是您最喜欢的 linter,您可以选择各种其他 linter 扩展,包括 JSHint、JSCS 和 JS Standard。
在 VS Code 文档中阅读有关设置 JavaScript linter 的更多信息。
SonarLint
Marketplace - SonarLint
发布者 - SonarSource
SonarLint 帮助您在编写代码时查找并修复 bug 和安全问题。该扩展在后台运行,就像拼写检查器一样,突出显示编码问题。SonarLint 不仅会告诉您问题是什么,还会提供有关问题有害原因以及如何修复的上下文指导,并附带相关示例。该扩展支持 200 多条 JS/TS 规则,并包含多个快速修复 (Quick Fixes) 来自动处理您的编码问题。
在 VS Code Marketplace 中搜索“SonarLint”并安装。无需配置。您可以从适合大多数用户的默认配置文件开始,并根据您的特定需求进行自定义。
JavaScript (ES6) 代码片段
Marketplace - JavaScript (ES6) 代码片段
发布者 - charalampos karypidis
VS Code 附带许多内置代码片段。JavaScript (ES6) code snippets 扩展添加了 ES6 (ECMAScript 6) 语法的代码片段。以下是此扩展提供的一小部分代码片段示例。请参阅该扩展的 README 文件,以查看此扩展包为您提供的数十个代码片段。
您可以在 VS Code 文档中阅读有关 JavaScript 代码片段的更多信息。要获取更多代码片段包,包括 Angular 1、Angular 2、Bootstrap 3、ReactJs 和 jQuery,请查看 Marketplace 的代码片段类别。
npm IntelliSense
Marketplace - npm IntelliSense
发布者 - Christian Kohler
当使用 import
或 require
时,此扩展为 npm 模块提供 IntelliSense。