第一篇: 介紹編寫外掛的準備和如何釋出.
第二篇: 介紹外掛簡單功能的具體編寫過程.
第三篇: 介紹外掛開發遇到的問題和解決的方案
俗話說的好,一千個人心裡有一千個README.md
的格式,但是,偶爾也需要統一一下業界格式滴,不然我的小龍女是這樣,
![vscode markdown格式化的外掛編寫(1)[釋出流程]](https://i.iter01.com/images/434b029142df27c008739cf91a3ec8ace6783806d9866bcfb1890046457d39c2.png)
![vscode markdown格式化的外掛編寫(1)[釋出流程]](https://i.iter01.com/images/db603022e19f59961c7754045450dbe1b785b59d0e62038d2a2743ccedc2a44a.png)
小孩子才做選擇,成年人都知道,我們一個都得不到?
所以這一篇是以一個格式化markdown工具為例子,介紹開發vscode外掛的準備過程以及釋出過程, 總之就是和程式碼無關啦
具體開發流程可以戳這裡
開發準備
開發工具
- VS Code
- nodejs
依賴安裝
npm install - g yo generator - code
複製程式碼
這是一個包括cli命令在內的官方開發工具
//cli
yo code
複製程式碼
需要你填寫一些資訊, 例如專案名字之類.隨便填
其實也就是一些 package.json
裡的資訊,也可以先對付著,後面再改.
![vscode markdown格式化的外掛編寫(1)[釋出流程]](https://i.iter01.com/images/e1b570edab3d86c1f6f99590b75da8743079e8290bcddc4940a3735b6e0cb59d.png)
在這裡還可以填入一個icon,作為一個愛面子的人我決定花兩分鐘隨便塞張圖上去
![vscode markdown格式化的外掛編寫(1)[釋出流程]](https://i.iter01.com/images/1812f539bb3de17f6d41bda0c717ce45e9ca5a5c1578bf6e9d692113e25c42b1.png)
注意: 會讓你選擇使用
typescript
或者javascript
, 會依據你的選擇建立極其相似的模版.
以 typescript
為例, 生成的目錄如下
file: {
out: {
dir: '輸出檔案目錄',
cd: {
src: {
dir: '輸出轉換後的程式碼'
},
test: {
dir: '輸出測試程式碼'
}
}
},
src: {
dir: '程式碼目錄',
cd: {
extension.ts: {
file: '程式碼入口'
}
}
}
}
複製程式碼
開發
在生成的專案目錄下, 開啟vscode, command+shift+D
開啟除錯模式,
點選 Starting Debug
會開啟一個新的VS code視窗, 那個頁面就是生效的程式碼, 每次修改程式碼後, 需要重新 Run
.
具體開發流程可以戳這裡
外掛上傳
註冊->建立團隊->建立token->登入賬號->釋出包->更新包
註冊賬號
去 marketPlace 註冊一個賬號用來發布包
“是, 確定......”常規的郵箱註冊流程...
建立組織以及PAT(Personal Access Token)
完成註冊後, 直接在個人專案頁面, 直接建立組織(organizations).
然後選擇 Security
![vscode markdown格式化的外掛編寫(1)[釋出流程]](https://i.iter01.com/images/1dd3d58ab18d78df29b35e6794a0d0a9168ab9a5c23f1f8364e574c22cb48a16.png)
接著 add token
, 會自動生成一串token, organization
選擇 all accessible organization
, scope
選擇 full access
.
![vscode markdown格式化的外掛編寫(1)[釋出流程]](https://i.iter01.com/images/091c47fa785862993ea503e611b691b18ca82c3c7ac7b83884733a81c7c60dbc.png)
注意: 生成的token是無法再次開啟檢視的, 請儲存到一個安全的地方, 這是將來你登入自己賬戶的
PAT
為什麼我會知道呢?肯定不可能是我後來發現沒法登入, 又重新生成了一個
登入賬號
vsce create - publisher < publisher name >
複製程式碼
需要輸入郵箱, 和 PAT
, 接著登入剛才的賬號
Vsce login < publisher name >
複製程式碼
至此, 你已經可以開始 publish
外掛了
vsce publish
複製程式碼
目前開發了一些功能,算是可以用了,個人格式化了40篇md沒有什麼問題.
開發兩小時,修了兩天bug
![vscode markdown格式化的外掛編寫(1)[釋出流程]](https://i.iter01.com/images/9c0b6033ce5106c7815472866c3606479ceeac2c0b77b793f7ed1a8e894771b4.png)
在vscode外掛裡查詢
![vscode markdown格式化的外掛編寫(1)[釋出流程]](https://i.iter01.com/images/da105b5f0cbf54a8685445f3ae8c414ba7b564a91064edf3edfe782221f36413.png)
git地址在這裡~
程式碼在這裡,star隨意,歡迎issues~, 也歡迎大家在vscode中使用,我會持續更新~