VScode 插件开发（三）主题

我们上回书说道，安装完基础环境，咱们要来玩本身的主题了

1. 建立一个主题项目

$ yo code
复制代码

选中 New Color Theme

接下来照图中所选，完成项目建立（简单英语不作解释）

打开项目如图

2. 配置文件

2.1 themes

这个文件夹包含主题配置文件，能够新建两个，一个暗色主题，一个亮色主题

如图所示

{
	"name": "test theme", // 姓名
	"type": "dark",  // 类型（暗色仍是亮色）
	"colors": {  // 配置外框主题，导航栏，文件栏，等
    	    "editor.background": "#263238",
    	    "editor.foreground": "#eeffff",
    	    "activityBarBadge.background": "#007acc",
    	    "sideBarTitle.foreground": "#bbbbbb"
	},
	"tokenColors": [    // 配置代码的颜色
            {
    		"name": "Comment",   // 随便起名，本身知道什么意思就好
    		"scope": [    // 这个颜色要应用于哪一种类型的代码上 
    			"comment",
    			"punctuation.definition.comment"
    		],
    		"settings": {   // 配置颜色，斜体，粗体等
    			"fontStyle": "italic",
    			"foreground": "#546E7A"
    		}
    	    }
	]
}
复制代码

以上就是一个主题的配置，这篇文章就说完了~~~

那不可能的，这么两句东西，谁能知道怎么写，我本身也不知道，哈哈哈，因此用了偷懒的方法

偷懒步骤 一、下载一个主题插件

偷懒步骤 二、找到这个主题插件，而后复制其中颜色部分代码

偷懒步骤 三、按照字段找颜色替换

ps: mac 中主题文件在 users -> .vscode -> extensions 中

2.2 修改颜色

通过一番研究（取巧、偷懒、抄袭），将字段一个个调整为本身喜欢的颜色

ps：调试小技巧 cmd + shift + p 找到命令

此时咱们鼠标点到任何一个字段上面，就会有提示，这样咱们修改起颜色就很方便

点击 vscode 小虫子就能够直接调试 ~~

推销主题

通过三天的研究颜色问题，怎么搭配让个人眼睛舒服，毕竟我不想由于代码让眼睛配上一个500度的眼镜

因此本身制做了主题

代码看起来，简直不要太舒服！

清晰，舒服，大气！！！

可是大家有时间最好仍是弄本身的吧，本身作的才舒服。

VScode 插件开发（一）絮叨

VScode 插件开发（二）package.json详解

VScode 插件开发（三）主题

VScode 插件开发（四）代码段

VScode 插件开发（五）插件包

VScode 插件开发（六）打包发布