首页 > 其他 > 详细

vscode自定义颜色主题插件并发布

时间:2019-10-31 11:53:45      阅读:607      评论:0      收藏:0      [点我收藏+]

生成一个新的颜色主题

  • 运行命令
    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

你可以在vscode中搜索gzColors使用我定义的主题扩展,他是基于light的。
谢谢你的阅读??

vscode自定义颜色主题插件并发布

原文:https://www.cnblogs.com/guangzan/p/11770245.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!