我爱编程

本地自制vscode主题

2017-05-08  本文已影响3286人  soojade
  1. 进入~/.vscode/extensions新建主题文件夹,这里取名为material-theme
  2. 创建themes文件夹存放主题文件。
  3. 创建package.json文件,配置主题
{
    "name": "material-theme",
    "displayName": "material-theme",
    "description": "自用主题",
    "version": "0.0.1",
    "publisher": "soojade",
    "engines": {
        "vscode": "^1.5.0"
    },
    "categories": [ // 扩展类型
        "Themes"
    ],
    "contributes": { // 定义了此扩展项目包含的内容,其中 themes 表示颜色主题,是一个数组,可在此处放入多个颜色主题。
        "themes": [
            {
                "label": "material", // 选择颜色主题时显示的名称
                "uiTheme": "vs-dark", // 编辑器 UI 的颜色,可选为 vs-light 和 vs-dark
                "path": "./themes/Material-Theme.tmTheme" // 主题文件的位置 
            },
            {
                "label": "deepin-green",
                "uiTheme": "vs-dark",
                "path": "./themes/deep-green Theme.tmTheme"
            }
        ]
    }
}
  1. 制作主题
    打开网站“http://tmtheme-editor.herokuapp.com/#!/editor/theme/Monokai”制作自己喜欢的主题,然后下载到themes文件夹下。
  2. 打开 vscode 选择颜色主题,就可以看到自己设置的主题了。
上一篇 下一篇

猜你喜欢

热点阅读