扩展包
2017 年 3 月 7 日 Wade Anderson, @waderyan_
如果您在过去一年中一直关注我们的博客,您会注意到我每月都会撰写一篇“扩展程序综述”博客。我喜欢撰写这些博客,以便让您了解社区中正在创建的酷炫扩展程序,并激励您创建自己的扩展程序。我经常围绕综述博客设定一个主题:例如 JavaScript 扩展程序或 CodeLens 扩展程序(上个月)。
为这个博客创建一个主题与扩展程序 API 中相对较新的部分——扩展程序包(Extension Packs)——非常契合。上个月,我创建了我的第一个扩展程序包,汇集了我所有最喜欢的 CodeLens 扩展程序。在本月的综述中,我想教您如何制作自己的扩展程序包,并为您提供一些为什么要制作扩展程序包的示例。
提示 有关更多详细信息,请参阅扩展程序包文档。
如何制作扩展程序包?
制作您自己的扩展程序包非常容易。请按照安装 Yeoman VS Code 扩展程序生成器的说明进行操作。
安装 Yeoman 生成器后,运行以下命令
yo code
选择New Extension Pack,如下图所示。

根据 Yeoman 提供的选项填写。其中一个选项是根据您当前安装的扩展程序创建扩展程序包。这将为您填写扩展程序包的大部分详细信息!
要包含一个扩展程序,您的扩展程序清单文件(package.json)需要以下属性
"extensionPack": [
"publisherid.extensionName"
]
提示 您可以在 Marketplace 上扩展程序 URL 的末尾看到 publisherid.extensionName。
对于我的 CodeLens Roundup,我的扩展程序清单文件如下所示
"extensionPack": [
"eamodio.gitlens",
"VisualStudioOnlineApplicationInsights.application-insights",
"kisstkondoros.vscode-codemetrics",
"chrmarti.regex",
"pflannery.vscode-versionlens"
]
为什么要创建扩展程序包?
创建扩展程序包有很多原因
- 想要创建您最喜欢的扩展程序列表并与朋友分享吗?使用扩展程序包。
- 想要捆绑您的 Python 扩展程序,以便在处理 Python 项目时轻松禁用和启用吗?使用扩展程序包。
- 想要为 VS Code 网站上的博客文章创建精选的扩展程序列表吗?使用扩展程序包。
推荐的扩展程序包
您可以通过使用“Extension Pack”类别进行查询来查找其他人创建的扩展程序包:点击此处进入 Marketplace,或者在 VS Code 的“扩展程序视图”搜索栏中输入category:"Extension Packs"。
我最喜欢的一些扩展程序是
- Azure Tools Extension Pack (Azure 工具扩展程序包),作者 Microsoft。如果您使用 Azure 资源,这是必不可少的。我们创建这个包是为了将各种 Azure 扩展程序组合成一个安装。
- React Native iOS Pack (React Native iOS 包),作者 Matt Bierner。Matt 汇集了用于处理 React Native、Objective-C 和 Swift 的优秀工具。
- Node.js Extension Pack (Node.js 扩展程序包),作者 waderyan。免责声明:无耻的自我推销 😊。我创建这个扩展程序是为了汇集我从以前的博客文章中最喜欢的 Node.js 扩展程序。
希望您的扩展程序被推荐吗?
有其他您喜欢的扩展程序或者希望在下一次综述中看到您的扩展程序吗?在 Twitter 上联系我们!
Wade Anderson, VS Code 团队成员 @waderyan_