- 进入
~/.vscode/extensions
新建主题文件夹,这里取名为material-theme
。
- 创建
themes
文件夹存放主题文件。
- 创建
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"
}
]
}
}
- 制作主题
打开网站“http://tmtheme-editor.herokuapp.com/#!/editor/theme/Monokai”制作自己喜欢的主题,然后下载到themes
文件夹下。
- 打开 vscode 选择颜色主题,就可以看到自己设置的主题了。