vscode自定義顏色主題插件並發布

生成一個新的顏色主題

• 運行命令
  npm install -g yo generator-code
yo code
  

• 這時默認文件目錄已經幫你創建好了

• vscode中按下F5可以幫你打開調試，預覽創建好的默認顏色主題

自定義顏色主題

• 打開themes文件夾下的.json文件
• 定義你想要的顏色

本地打包

你需要先創建一個publisher，步驟如下：

• 擁有微軟賬號，如果你還沒有去注冊

• 用微軟賬號登錄Azure DevOps

• 創建一個組織
  

• 創建一個項目
  

• 生成一個PAT
  
  
  
  
  

• 創建publisher,終端運行命令
  vsce create-publisher (publisher name)

📍 這里的publisher name是你現在要自定義的 ，這里還需要你的Email、PAT. 🎺 publisher創建完成后會自動登錄

• 打開你的主題根目錄下的package.json，添加如下：

"publisher": "your publisher name",

• 最好同時設置repository：

"repository": {
    "type": "git",
    "url": "https://github.com/xxx/xxx"
},

• 最后讓我們本地打包
  運行命令vsce package
  打包生成了.vsix文件

本地安裝你的擴展

上傳到插件市場與他人共享

• 修改readme文件讓別人了解你的擴展
• 運行命令vsce publish

稍等幾分鍾別人就可以搜索到你的擴展了

• 你也可以打開Marketplace，通過網頁上傳已經本地打包的擴展

更新你的擴展

vsce publish 2.0.1