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中使用,我會持續更新~