持续创作,加速成长!这是我参与「日新计划 10 月更文挑战」的第9天,点击查看活动详情

一、 前言

接上期咱们完成了项目的初始化,而且也初步完成了插件功能的开发(国庆摆烂不知道写点啥,就不加新功能了),直接带大家伙看看怎么打包发布咱们写好的插件吧。

二、进程

1、打包

打包东西是vsce

咱们先全局装置下

npm i vsce -g

调用指令就能简略完成打包进程,打包之后的文件格局是vsix

vsce package

这里需求留意以下几点,如果有报错就会打包失利

1、 工程里某个语法过错了,或许变量类型不对啥的,这种一般会有比较详细的报错log,
能够依据这个提示来解决。
2、报了古怪的过错,工程里也没用到的地方呈现了过错,这一般便是node版别过低了,
vsce(版别为2.11.0)最低支撑的版别是14及以上。(这次打包就遇到这个问题,
百思不得其解, 最后去vsce的npm地址一看,人家榜首句便是nodejs at least`14.x.x`3、需求在packag.json文件里,加上  "publisher": "sanwu",    发布者的特点
还需求将REAMDE.md主动生成的内容删去,再填写自己的内容,不许为空,一起如果
有http,需求改为https,否则都会报这个过错。
**Make sure to edit the README.md file before you package or publish your extension.**

一顿y同意后,就能生成咱们的vsix文件啦

试开发一款vscode插件(下)

打包后的vsix能够直接给他人装置。

装置进程,打开vscode的扩展页面,左侧目录右上角,选择“从vsix装置”or“Install from VSIX”进行装置就能使用了。

2、发布

如果不打算发布到应用商场,到榜首小节就能够了。

(1)拥有自己的microsoft账号

去官网 marketplace.visualstudio.com/ ,点击sign in ,新建一个

我直接用谷歌邮箱新建一个

试开发一款vscode插件(下)

(2)新建一个安排,项目需求挂载到安排下

登录之后点击右上角的用户名,新建一个安排,安排名默许也行,也能够修正。

试开发一款vscode插件(下)

(3)新建一个项目

visibility需求选择public,才干被揭露访问

试开发一款vscode插件(下)

如果上述的public选不了,那就需求修正这个特点为true

试开发一款vscode插件(下)

(4)新建token,vsce只能经过token来访问

点击右上角的personal access tokens

试开发一款vscode插件(下)

新建一个,organization和scopes都需求按图选择,才干被揭露访问, expiration是有效期,我图里选的是自定义,但最多设置一年有效期。

试开发一款vscode插件(下)

生成的token需求备份保存,由于只会呈现一次, 每次发布插件或许迭代更新的时分都要输入这个token。

试开发一款vscode插件(下)

(5)创立发布者

这个指令已经失效

 vsce create-publisher sanwu

aka.ms/vscode-crea…

需求手动点击上述网址,登录上面创立好的microsoft账号,这一步需求科学上网,否则创立会失利,看控制台也便是跨域。

试开发一款vscode插件(下)

(6) 登录发布者账号

vsce login sanwu

并填写token值

(7)线上发布

前提,在package.json文件里 添加

"publisher": "sanwu"

版别号也要一致,本文初次发布就0.0.1

"version": "0.0.1"

控制台输入指令vsce publish 版别号

vsce publish 0.0.1

留意:每一次提交的版别号都要跟曾经的版别号不同,能够手动修正package.json里的版别号或许vsce publish patch自增版别号

发布之后,需求等3-5分钟,才干在商店里找到

试开发一款vscode插件(下)
试开发一款vscode插件(下)

三、 总结

经过三期文章试开发一款vscode插件(上)、试开发一款vscode插件(中)和本文,咱们了解了从零到开发并发布一款插件的全进程,api和参考资料都有,不过大多数都是英文版,对我这种英语渣渣真的很不友好,文章不长,但中间查资料的进程真的比较艰苦,注册publisher要翻墙这个还真没想到,后边仍是查了好多资料,才在其中一篇里说到这个科学上网的点。

期望文章能对有爱好开发插件的伙伴,提供一点点帮助。

ps: 我是地霊殿__三無,一起学习前进吧!

试开发一款vscode插件(下)