手摸手开发一款vscode 代码提示插件 - 插件打包发布

398 阅读1分钟

「这是我参与2022首次更文挑战的第11天,活动详情查看:2022首次更文挑战」。

发布插件

发布方式

经过一些的操作,接下来咱们要分享给别人用,不能咱们自己嗨,作为程序员咱们保持好咱们的互联网精神---分享,常见的方式基本是三种

源码发布

找到vscode 插件目录,把资源放到这个目录下,重启vscode,这就安装好了,下面是 vscode 插件在系统的默认目录,不推荐

操作系统安装路径
windows%USERPROFILE%.vscode\extensions
macOS~/.vscode/extensions
Linux~/.vscode/extensions

打包vsix 插件

我们使用vsce打包插件,先安装vsce

npm install -g vsce

然后运行

vsce package

image.png 在当前目录下生成下面这个文件 image.png 然后把这个文件发给你的小朋友,然后在vscode中,打开如下视图,点击 从 VSIX 安装,选择文件ok完事,这方式是可以的可以只在公司内部,一些私人的插件可以采用这种方式

image.png

发布vscode 插件库

1.登陆注册,要是没有账号,那就注册一个,地址:marketplace.visualstudio.com/

image.png

2.创建组织

image.png

image.png 3.创建项目

image.png 4.创建令牌

image.png

image.png

image.png 创建后一定要记住,只有一次机会 5.创建发布者

image.png

vsce publish

输入你复制的密钥 创建成功后就可以访问了