VScode的插件包实现统一团队风格

1,783 阅读2分钟

背景

上期我们实现了自己的代码块插件,里面包含很多自己经常使用的code,可以快速使用。有时候看到别人使用了很多的酷炫插件,我自己一个个去安装好像有点费劲,自己又找不到怎么办呢,在这里,我整理了一份常用的插件,可以快速一键安装。顺便回顾下上节怎么实现插件的呢(传送门),插件包也是同样的方式实现,只不过是对其他插件的集成,方便管理的哦。

回顾下怎么初始化插件呢?

要新建个项目, 我们还使用上次刚学会的操作。

yo code

这次的选择就稍微有点不一样哈, 这次选择这个插件包

一路走下去

安装结束就是配置我们的插件包里都要包含什么插件了

写入插件

找到package.json文件,里面有个 extensionPack 这个就是填写插件包名称的地方

"extensionPack": [ 
    "publisher.extensionName"
]

但是我该怎么找这些名称,或者我想要的插件呢?

查找插件

打开链接 插件市场

在这里可以查找你想要的或者你喜欢的插件,然后点击进入插件页面,找到url上面的名字:

例如第一个的 GitHub.copilot

然后填写到

"extensionPack": [ 
    "publisher.extensionName",
    "GitHub.copilot"
]

然后将插件包通过vsce publish发布到市场就可以了,到这里这个插件包算是结束了,很简单,这里也只是介绍下这个流程,其他很简单。

回到上面的问题,提供下我的插件包里面的常用插件,你可以直接安装,也可以自己实现一个添加自己的插件或者自己喜欢的插件然后再使用起来。

名字叫:OneExtensionPack

你可以在vscode里找到然后一键安装,这本来也是个首次使用即可,后期如果没有更新就可以不用管了。

插件包传送门: github

顺便在这里看下怎么上传插件吧,有不少同学流程没走通,可能回头一头雾水,在这记录下流程,方便参考

注册 azure
新建项目目录 dev.azure

image.png

image.png

找到设置-生成token

image.png

image.png

复制token

image.png

进入到开发的插件目录
vsce package

vsce login <your account name>

vsce publish

image.png

查看自己的插件

打开链接可以查看到自己的插件列表

image.png

这时候已经算是上传成功了,自己就可以在vscode市场安装在自己的插件了。

至此结束!