六一兒童節,讓大朋友們開發一個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中打開項目javascript

4.2 F5鍵調試,會打開一個新的vscode界面java

4.3 crtl+shift+p 輸入hello world,出現node

2.png 成功!!!!git

5.打包和發佈

code.visualstudio.com/api/working…sql

5.1 申請我的令牌

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

申請文檔: docs.azure.cn/zh-cn/datab… 若是有問題可能要使用代理打開json

注意:申請的時候organization必須選擇All accessbile organizations,scopes必須選擇Full accessapi

image.png

5.2 建立發佈帳號

marketplace.visualstudio.com/manage/crea…markdown

5.3 發佈命令

npm install -g vsce
 
 vsce login <publisher name>
 
 vsce publish
複製代碼

5.4 問題1

image.png

解決:修改package.jsonoop

"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

安裝好就可使用啦!!!!

目前只是安裝流程,內容敬請期待。。。。

相關文章
相關標籤/搜索