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