如何为VisualStudioCode创建扩展包
介绍
当您想要安装相关扩展的集合时,Visual Studio Code 中的扩展包非常有用。 在本文中,您将创建一个扩展包,以便与其他开发人员共享您的扩展集合。
安装工具
要开始创建扩展包,您需要安装 Yeoman 脚手架 CLI 工具以及 VS Code 的代码生成器。 您可以使用以下命令安装 Yeoman。
npm install -g yo
然后,您可以像这样为 VS Code 扩展安装代码生成器工具。
npm install -g generator-code
生成新的扩展项目
安装正确的工具后,您现在就可以生成一个新的扩展包项目了。 您可以通过运行以下命令来启动此过程。
yo code
系统将很快提示您选择要创建的扩展类型。 在这种情况下,请选择 New Extension Pack
。
之后,您将被问到几个关于您的扩展的不同问题,例如名称、标识符和描述。 回答完所有问题后,您将收到项目已生成的确认信息。
在 VS Code 中打开新项目后,您需要查看 package.json
文件。 请特别注意 extensionPack
属性。
在此属性内部,您将列出应包含在扩展包中的每个扩展。 对于每个扩展程序,您需要按以下格式包含发布者和扩展程序的名称。
<author>.<extension-name>
将扩展添加到您的扩展包
出于演示目的,我们将在市场上为 Chrome 扩展打开 Debugger。
您可以在该页面上搜索以找到所需的信息,但还有一种更简单的方法。 如果您查看扩展程序的 url,“itemName=”之后的最后一段文本正是您所需要的:msjsdiag.debugger-for-chrome
。
从那里,您可以复制该文本并将其直接添加到您的 package.json
文件中。
您可以按照相同的过程包含任意数量的扩展。
有用的扩展包
在创建自己的扩展包之前,可能值得做一些研究以查看已经存在的扩展包。 您可以从打开 代码市场 开始。 如果您向下滚动到底部,您会看到一个按扩展包过滤的按钮。
单击该链接后,您将立即进入最流行的 VS Code 扩展包列表。
例如:
- Angular Essentials 扩展包。
结论
为 Visual Studio Code 创建扩展包非常简单。 它们提供了所有的脚手架,因此您所要做的就是添加要包含的扩展列表。