02月16, 2017

Make A Color Theme For VSCode

自从看了 VueJS 的网站就一直心水上面的代码高亮配色,还曾经在一个截图里看到类似的 VSCode 主题,然后提问以后才被告知图片是 PS 的。。然后很自然地就想自己写一个,一直拖到现在。。

自定义一个主题其实很容易,参照官方文档

  1. 制作一个 textmate theme 在这个网站可以很简单地在线制作一个主题,并导出 .tmTheme 文件
  2. 安装 VSCode 的 yo code npm install -g yo generator-code使用 yo code 利用已有的 .tmTheme 文件生成主题项目文件夹 用 VSCode 打开项目文件夹,按 f5 可以调试,cmd + r 刷新
  3. 安装 VSCode 的 vsce npm install -g vsce 使用 vsce 在授权帐号后即可上传到 vscode market 需要注意的是,生成 Personal Access Token 的时候注意选择all accessible accounts 和 all scopes 两项

项目repo

VSCode market

pic

本文链接:https://sxing.xyz/post/make-a-color-theme-for-vscode.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。