热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

azure账号如何收费的?_如何发行你的插件|跟我学VSCode插件开发

VSCode插件开发系列教程计划计划赶不上变化,随时迭代,欢迎留言使用脚手架新建一个插件☑️介绍package.json配置TreeViewWebVie
1e8c61dd6169bc06821b8ed096151ffb.png

VSCode插件开发系列教程计划

计划赶不上变化,随时迭代,欢迎留言

  • 使用脚手架新建一个插件 ☑️
  • 介绍 package.json 配置
  • TreeView
  • WebView
  • 监听代码输入
  • 如何发行你的插件 ☑️

安装官方打包工具

首先我们要安装上这个官方的插件发行工具,可以把我们的插件工程打包成.vsix文件,也可以直接发布到插件市场当中

npm i vsce -g

后面使用命令发行插件时,如果你没有设置package.json里的repository会收到提示。但不是非要填(插件可以不开源),选N即可。

打包成 .vsix 文件

vsce package

打包完成后,会在工程目录生成.vsix文件,这个文件的安装只能通过插件搜索右上方的菜单来进行

198ff83189a83c72d7ed4e49bcbf60fc.png

把插件发行到插件市场

注册Azure开发者账号

先得有一个 微软通行证 ,然后打开 azure开发者中心 ,新建一个 azure开发组织

新建个人令牌

注意选择 Full access 和 过期时间,如果令牌过期,需要回到这个页面再新建令牌。

154817456bc4c5c0c09f43747fb94b6c.png

这步之后,一定要复制并保存好你的令牌字符串哦。之后只能新建,是找不到的。

注册插件市场发行账户

接着我们 注册插件市场发行账号,也在这可以管理所有市场中自己发布的插件。

f020ec3c97571e7c6efe4ee345619c10.png

当然我们也可以使用vsce命令来创建发行账户

vsce create-publisher 发行账户名称

发行

vsce publish

这个过程里还会检查一些package.json的必填项,一切无误的话,就会看到下面这个图

3eaf7438e8911b9efce6429598d88e43.png

发行成功啦!

但此时我们的插件在市场中还搜不到,等个5-10分钟一般就有了。

995b3c2831d606a648a9c871f3eae249.png

注意事项

  • 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赞



推荐阅读
author-avatar
UJXo小妖春日望美
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有