六一儿童节,让大朋友们开发一个vscode插件吧!!!

·  阅读 424
六一儿童节,让大朋友们开发一个vscode插件吧!!!

1.创建第一个vscode插件

1.安装git和node

2.安装yo和generator-code,其实就是一个代码生成器

npm install -g yo generator-code
复制代码

3.启动生成器

yo code
复制代码

1.png

4.调试

4.1 code helloworld在vscode中打开项目

4.2 F5键调试,会打开一个新的vscode界面

4.3 crtl+shift+p 输入hello world,出现

2.png 成功!!!!

5.打包和发布

code.visualstudio.com/api/working…

5.1 申请个人令牌

azure.microsoft.com/zh-cn/servi…

申请文档: docs.azure.cn/zh-cn/datab… 如果有问题可能要使用代理打开

注意:申请的时候organization必须选择All accessbile organizations,scopes必须选择Full access

image.png

5.2 创建发布账号

marketplace.visualstudio.com/manage/crea…

5.3 发布命令

 npm install -g vsce
 
 vsce login <publisher name>
 
 vsce publish
复制代码

5.4 问题1

image.png

解决:修改package.json

"publisher":"publisher name"
复制代码

5.5 问题2

image.png

解决:README.md中不能含有以http开头的代码,详细规则见code.visualstudio.com/api/working…

6. 发布成功

可以去这里查找是否有此插件 marketplace.visualstudio.com/search?targ…

image.png

也可以直接去vscode商店里查

image.png

安装好就可以使用啦!!!!

目前只是安装流程,内容敬请期待。。。。

分类:
前端
标签: