JavaScript 扩展（第二部分）

Name: Visual Studio Code
Author: Microsoft

2016 年 10 月 31 日，作者：Wade Anderson，@waderyan_

Visual Studio Code 对 JavaScript 有开箱即用的出色支持。与其他语言一样，JavaScript 由语言服务提供支持。 JavaScript 语言服务由 TypeScript 团队实现，使 JavaScript 开发人员能够利用最佳的 IntelliSense 体验。

但是，使用 VS Code 您还可以获得哪些其他功能？ VS Code 具有丰富的可扩展性模型，许多功能通过 VS Code 扩展提供。这篇文章是我上一篇关于 JavaScript 扩展的文章的后续。

提示： 通过单击“扩展视图”按钮，在“搜索”框中输入扩展名，然后单击安装来安装这些扩展中的任何一个。在浏览扩展中了解更多信息。

Chrome 调试器

市场 - Debugger for Chrome

发布者 - Microsoft

当您进行前端开发时，您可能看不到编辑器中集成调试器的价值。您会使用浏览器的调试器，对吗？这就是 Debugger for Chrome 扩展的用武之地。此扩展允许您在 Google Chrome 浏览器或任何其他支持 Chrome 调试协议的目标中调试 JavaScript 代码，同时仍留在 VS Code 中。无需再进行上下文切换来调试！

喜欢使用不同的浏览器进行调试？您也可以找到 Edge 和 Firefox 的扩展。

debugger for chrome image

Git Project Manager

市场 - Git Project Manager

发布者 - Felipe Caputo

虽然不一定是 JavaScript 扩展，但 Git Project Manager 在 VS Code 团队中很受欢迎。此扩展会扫描一个目录（或多个目录）以查找 Git 仓库，并允许您轻松地在它们之间切换。

要使用此扩展，首先安装它，然后将以下配置添加到您的 settings.json 文件中。

"gitProjectManager.baseProjectsFolders": [
    "/path/to/your/base/project/folders"
]

git project manager showcase

Beautify

市场 - Beautify

发布者 - HookyQR

在内部，VS Code 使用 js-beautify。此扩展允许您指定一个 .jsbeautifyrc 文件来指示 JavaScript、CSS、Sass 和 HTML 代码的格式样式。

您可以使用新的格式化程序类别在市场中搜索更多格式化程序。

注意： 对于扩展作者，我们正在撰写一篇关于源代码格式化程序最佳实践的博文。敬请期待，它即将推出。

Sublime Text 和 Atom 的键映射

本节有两个扩展，一个用于 Atom，另一个用于 Sublime Text。如果您使用过这些编辑器，您可能已经记住了它们的键盘快捷键。这些扩展将 Atom 和 Sublime Text 的键盘快捷键带到 VS Code。

这些扩展处于预览状态，因为我们需要您的反馈。还有许多快捷方式需要包含，如果您发现我们可能遗漏了任何快捷方式，您可以轻松添加。

转到扩展的 GitHub 仓库（Atom 和 Sublime Text）。
打开 package.json 文件（Atom 和 Sublime Text）。
将一个 JSON 对象添加到 package.json 的 contributes.keybindings 部分，如下所示（Atom 和 Sublime Text）。
打开拉取请求。

{
  "mac": "<keyboard shortcut for mac>",
  "linux": "<keyboard shortcut for linux",
  "win": "<keyboard shortcut for windows",
  "key": "<default keyboard shortcut>",
  "command": "<name of the command in VS Code"
}

您是否有其他想要制作键映射的编辑器或 IDE？只需遵循 contributes.keybindings 部分和键绑定文档中的说明即可。

键盘快捷键多如牛毛

如果您发现 VS Code 缺少来自 Atom、Sublime Text 或其他产品的键盘快捷键功能，请在这些 GitHub issue (Atom 和 Sublime Text) 中评论或创建一个新 issue。

此外，市场中还有许多添加有用键盘快捷键的扩展

创建您自己的 JavaScript 扩展

找不到满足您需求的扩展。您可以使用 JavaScript 或 TypeScript 制作自己的扩展！查看文档以了解更多信息。

Wade Anderson，VS Code 团队成员
@waderyan_