持续创作,加速成长!这是我参与「日新计划 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文件啦
打包后的vsix能够直接给他人装置。
装置进程,打开vscode的扩展页面,左侧目录右上角,选择“从vsix装置”or“Install from VSIX”进行装置就能使用了。
2、发布
如果不打算发布到应用商场,到榜首小节就能够了。
(1)拥有自己的microsoft账号
去官网 marketplace.visualstudio.com/ ,点击sign in ,新建一个
我直接用谷歌邮箱新建一个
(2)新建一个安排,项目需求挂载到安排下
登录之后点击右上角的用户名,新建一个安排,安排名默许也行,也能够修正。
(3)新建一个项目
visibility需求选择public,才干被揭露访问
如果上述的public选不了,那就需求修正这个特点为true
(4)新建token,vsce只能经过token来访问
点击右上角的personal access tokens
新建一个,organization和scopes都需求按图选择,才干被揭露访问, expiration是有效期,我图里选的是自定义,但最多设置一年有效期。
生成的token需求备份保存,由于只会呈现一次, 每次发布插件或许迭代更新的时分都要输入这个token。
(5)创立发布者
这个指令已经失效
vsce create-publisher sanwu
aka.ms/vscode-crea…
需求手动点击上述网址,登录上面创立好的microsoft账号,这一步需求科学上网,否则创立会失利,看控制台也便是跨域。
(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插件(中)和本文,咱们了解了从零到开发并发布一款插件的全进程,api和参考资料都有,不过大多数都是英文版,对我这种英语渣渣真的很不友好,文章不长,但中间查资料的进程真的比较艰苦,注册publisher要翻墙这个还真没想到,后边仍是查了好多资料,才在其中一篇里说到这个科学上网的点。
期望文章能对有爱好开发插件的伙伴,提供一点点帮助。
ps: 我是地霊殿__三無,一起学习前进吧!