vscode markdown格式化的外掛編寫(1)[釋出流程]

第一篇: 介紹編寫外掛的準備和如何釋出.

第二篇: 介紹外掛簡單功能的具體編寫過程.

第三篇: 介紹外掛開發遇到的問題和解決的方案

俗話說的好,一千個人心裡有一千個README.md的格式,但是,偶爾也需要統一一下業界格式滴,不然我的小龍女是這樣,

而你的小龍女是那樣

小孩子才做選擇,成年人都知道,我們一個都得不到?

所以這一篇是以一個格式化markdown工具為例子,介紹開發vscode外掛的準備過程以及釋出過程, 總之就是和程式碼無關啦

具體開發流程可以戳這裡

開發準備

開發工具

1. VS Code
2. nodejs

依賴安裝

npm install - g yo generator - code複製程式碼

這是一個包括cli命令在內的官方開發工具

//cliyo code複製程式碼

需要你填寫一些資訊, 例如專案名字之類.隨便填

其實也就是一些 package.json 裡的資訊,也可以先對付著,後面再改.

在這裡還可以填入一個icon,作為一個愛面子的人我決定花兩分鐘隨便塞張圖上去

注意: 會讓你選擇使用 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(P ersonal Access Token)

完成註冊後, 直接在個人專案頁面, 直接建立組織(organizations).

然後選擇 Security

接著 add token , 會自動生成一串token, organization 選擇 all accessible organization , scope 選擇 full access .

注意: 生成的token是無法再次開啟檢視的, 請儲存到一個 安全的地方, 這是將來你登入自己賬戶的 PAT

為什麼我會知道呢?肯定不可能是我後來發現沒法登入, 又重新 生成了一個

登入賬號

vsce create - publisher <
 publisher name >
複製程式碼

需要輸入郵箱, 和 PAT , 接著 登入剛才的賬號

Vsce login <
 publisher name >
複製程式碼

至此, 你已經可以開始 publish 外掛了

vsce publish複製程式碼

---

目前開發了一些功能,算是可以用了,個人格式化了40篇md沒有什麼問題.開發兩小時,修了兩天bug

在vscode外掛裡查詢

git地址在這裡~

程式碼在這裡,star隨意,歡迎issues~, 也歡迎大家在vscode中使用,我會持續更新~

來源：https://juejin.im/post/5c02400fe51d4529ae04901c