VSCode插件开发系列教程计划
计划赶不上变化,随时迭代,欢迎留言
- 使用脚手架新建一个插件 ☑️
- 介绍 package.json 配置
- TreeView
- WebView
- 监听代码输入
- 如何发行你的插件 ☑️
安装官方打包工具
首先我们要安装上这个官方的插件发行工具,可以把我们的插件工程打包成.vsix
文件,也可以直接发布到插件市场当中
后面使用命令发行插件时,如果你没有设置package.json
里的repository
会收到提示。但不是非要填(插件可以不开源),选N即可。
打包成 .vsix 文件
打包完成后,会在工程目录生成.vsix
文件,这个文件的安装只能通过插件搜索右上方的菜单来进行
把插件发行到插件市场
注册Azure开发者账号
先得有一个 微软通行证 ,然后打开 azure开发者中心 ,新建一个 azure开发组织。
新建个人令牌
注意选择 Full access
和 过期时间,如果令牌过期,需要回到这个页面再新建令牌。
这步之后,一定要复制并保存好你的令牌字符串哦。之后只能新建,是找不到的。
注册插件市场发行账户
接着我们 注册插件市场发行账号,也在这可以管理所有市场中自己发布的插件。
当然我们也可以使用vsce命令来创建发行账户
vsce create-publisher 发行账户名称
发行
这个过程里还会检查一些package.json
的必填项,一切无误的话,就会看到下面这个图
发行成功啦!
但此时我们的插件在市场中还搜不到,等个5-10分钟一般就有了。
注意事项
README.md
是插件主页的详情介绍;- 记得更新
package.json
里的版本号; - 如果
package.json
中填写了repository
字段,在发布时会要求你先提交仓库; README.md
中的图片资源必须全部是HTTPS
的;CHANGELOG.md
是插件主页的变更
选项卡;
一但用户安装了你的插件,只要不卸载,插件有新版时后会自动更新的。
插件市场SEO
好像不太有人讲这个话题,但有搜索的地方就需要SEO,下篇再说
关注大帅搞全栈
近期文章(感谢掘友的鼓励与支持 )
- 做了一夜动画,就为让大家更好的理解Vue3的Composition Api 866赞
- 2020更新,Vue仿探探拖拽卡片的效果 940赞
- 使用脚手架新建一个插件 | VSCode 插件开发系列教程 5赞
- 揭秘Vue3官方教材动画制作过程,一文教会大家做代码演示GIF! 88赞
- 用Vue实现一个街机游戏摇杆 60赞