如何为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 扩展包列表。

例如:

结论

为 Visual Studio Code 创建扩展包非常简单。 它们提供了所有的脚手架,因此您所要做的就是添加要包含的扩展列表。