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

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

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

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

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

而你的小龍女是那樣

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

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

具體開發流程可以戳這裡

開發準備

開發工具

1. VS Code
2. nodejs

依賴安裝

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

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

//cli
yo 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(Personal 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中使用,我會持續更新~