本站点文档内容均翻译自code.visualstudio.com,仅供个人学习,如有差异请以官网为准。

VS Code 的 JavaScript 扩展

Visual Studio Code 支持许多用于 JavaScript 和 Node.js 开发的功能。下载的产品所包含的功能是核心功能:调试、IntelliSense、代码导航等。

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

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

寻找扩展

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

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

提示:上面显示的扩展是动态查询的。点击上面的扩展块以阅读描述和评论,以决定哪个扩展最适合你。查看更多信息在市场

如果您刚刚开始,这里是我们推荐尝试的扩展。

ESLint

市场 - ESLint

发布者 - 微软

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

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

ESLint 动画

声呐 lint

市场 - SonarLint

发布者 - SonarSource

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

在 VS Code 市场上搜索 'SonarLint' 并安装。不需要配置。你可以使用默认配置文件开始,然后根据你的具体需求进行定制。

声呐提示动画

JavaScript (ES6) 代码片段

市场 - JavaScript (ES6) 代码片段

发布者 - 查拉拉姆波斯·卡里皮迪斯

VS Code 附带了许多内置代码片段。 JavaScript (ES6) 代码片段 扩展添加了 ES6 (ECMAScript 6) 语法的片段。以下是此扩展提供的片段的一小部分。请参阅扩展的 README 以查看此包提供的数十个片段。

JavaScript 代码片段

您可以在VS Code文档中阅读更多关于JavaScript片段的内容。对于其他片段包,包括Angular 1Angular 2Bootstrap 3ReactJsjQuery,请查看Marketplace的片段类别

npm 智能感知

市场 - npm 智能感知

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

此扩展在使用npm模块时提供IntelliSense导入要求输入:.

npm 智能感知