[TOC] ## 注意事項 ### 圖片與Logo * `pacakge.json`文件中的 icon 不可以是 SVG。 * `pacakge.json`中的徽章不可以是 SVG，除非來自于[可靠的圖標來源](https://liiked.github.io/VS-Code-Extension-Doc-ZH/#/extensibility-reference/extension-manifest?id=%e4%bd%bf%e7%94%a8%e8%ae%a4%e8%af%81%e8%bf%87%e7%9a%84%e6%a0%87%e5%bf%97) * `README.md`和`CHANGELOG.md`中的圖片鏈接需要使用`https`協議 * `README.md`和`CHANGELOG.md`中的圖片不可以是 SVG，除非來自[可靠的圖標來源](https://liiked.github.io/VS-Code-Extension-Doc-ZH/#/extensibility-reference/extension-manifest?id=%e4%bd%bf%e7%94%a8%e8%ae%a4%e8%af%81%e8%bf%87%e7%9a%84%e6%a0%87%e5%bf%97) 例如引入 icon ``` "icon": "resources/logo.jpg" ``` ### README.md * 插件根目錄下面的`README.md`文件可以用來填充插件市場的頁面內容。`vsce`會將 README 中的鏈接通過下面兩種方式修改掉： * 如果你的`package.json`的`repository`字段是一個 Github 倉庫，`vsce`會自動檢測，然后相應地調整鏈接。 * 運行`vsce package`時，加上`--baseContentUrl`和`--baseImagesUrl`標識重載上述行為。 ### CHANGELOG 項目下的`CHANGELOG.md`文件會成為插件的發布日志。 ### .vscodeignore 創建一個.vscodeignore文件可以再打包時 排除插件目錄中的內容。這個文件支持glob模式，每個表達式一行。 ## 編譯插件 ``` // 安裝 npm install -g vsce // 打包 vsce package ``` ## 創建賬號 最終需要vs code 商城創建賬號,并進行上傳 ``` https://marketplace.visualstudio.com/ ``` 由于命令行發包 `vsce publish -p <token> ` 需要token 認證等,比較麻煩,所以,目前就是直接再 插件市場中上傳打包的vtx