本地自制vscode主題

  1. 進入~/.vscode/extensions新建主題文件夾,這里取名為material-theme
  2. 創(chuàng)建themes文件夾存放主題文件。
  3. 創(chuàng)建package.json文件,配置主題
{
    "name": "material-theme",
    "displayName": "material-theme",
    "description": "自用主題",
    "version": "0.0.1",
    "publisher": "soojade",
    "engines": {
        "vscode": "^1.5.0"
    },
    "categories": [ // 擴展類型
        "Themes"
    ],
    "contributes": { // 定義了此擴展項目包含的內容,其中 themes 表示顏色主題,是一個數(shù)組,可在此處放入多個顏色主題。
        "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 選擇顏色主題,就可以看到自己設置的主題了。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容