【vscode插件开发】( 四) 如何在Azure devops上发布本地插件

已被阅读 893 次 | 文章分类:日常随笔 | 2022-04-20 00:49

首先注册一个微软账号,很方便的。然后简单实现了一个vscode查看geojson文件预览的插件:并发布在Azure devops上

1 vscode-geojsonviewer插件

简单实现了一个vscode查看geojson文件预览的插件:并发布在Azure devops上;

直接在vscode扩展中搜索即可;源码放在了github上,可以下载:https://github.com/popstarqq/vscode-geojsonviewer

/net/upload/image/20220420/d07d2aca11e94cf7a57847cbac65f01c.png

安装插件后,点击geojson后缀的文件,即可在地图显示预览。

/net/upload/image/20220420/4953baabe62b4168ba339e26486fa6ce.png

2 在Azure DevOps获取个人access token

(1)创建一个组织

地址:https://go.microsoft.com/fwlink/?LinkId=307137

/net/upload/image/20220420/ab8890c4f6838dd5eaeab5c2ea6b1171.png

点击继续等待;

/net/upload/image/20220420/377052e16f3b72fe637734eafd7b30f5.png

(2) 开始创建工程

设置一个工程名字,然后点击新建;

/net/upload/image/20220420/1ffc3a3e621d4e7b8bc29c5e1e4eb271.png

(3)按照如下步骤创建一个个人token

/net/upload/image/20220420/eb00c4a11e684756a5a71783db949676.png

/net/upload/image/20220420/f03407c5ed6d438986809f0ebaa2d651.png

/net/upload/image/20220420/2479fa78f3d545d79e1eb248f74791f1.png

/net/upload/image/20220420/2789a32cb6c14d0eb401f6062c5832f2.png

3 发布

(1)创建一个发布者

发布者是一种身份,这种身份能发布扩展到应用商店,每一个扩展都需要包含发布者名称在package.json文件中

创建链接:https://marketplace.visualstudio.com/manage

/net/upload/image/20220420/0ac5f06b3ae140b281d95aa708c8ddf5.png

(2) 新添加一个vscode 扩展

/net/upload/image/20220420/541611fe882b4da58d02e721d9a277a8.png

这一步很简单,点击new extension;将本地打包的扩展.vsix文件上传即可;

本地在测试扩展程序无误后,则通过如下方式打包

首先安装vsce

                                            
npm install -g vsce
                                            
                                        

然后在工程根目录执行 vesc package命令

                                            
$ cd myExtension
$ vsce package
# myExtension.vsix generated
                                            
                                        

这样我们就可以将本地插件包,发布到Azure devops上去了;如果插件有所更新,重新上传即可;几分钟即可更新完成

QQ:3410192267 | 技术支持 微信:popstarqqsmall

Copyright ©2017 xiaobaigis.com . 版权所有 鲁ICP备17027716号