vscode更换主题的插件_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"

}

]

}

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

那不可能的，这么两句东西，谁能知道怎么写，我自己也不知道，哈哈哈，所以用了偷懒的方法

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

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

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

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

2.2 修改颜色

经过一番研究(取巧、偷懒、抄袭)，将字段一个个调整为自己喜欢的颜色

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

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

点击 vscode 小虫子就可以直接调试 ~~

推销主题

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

所以自己制作了主题

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

清晰，舒服，大气！！！

但是你们有时间最好还是弄自己的吧，自己做的才舒服。

vscode更换主题的插件_VScode 插件开发（三）主题相关推荐

vscode更换主题的插件_vscode插件开发：定制 vscode 主题插件扩展
vscode 自带的几款主题都很漂亮,也支持通过用户配置修改一些常用的配色,但是如果想对很多部分的配色进行修改则没那么容易.我们可以通过基于已有主题定制自己的 vscode 主题扩展来实现该目的. v ...
vscode 开发vue必备插件_vsCode开发vue项目必备插件
VSCode 开发Vue必备插件对于很多使用vscode编写vue项目的新手同学来说,可能不知道使用什么插件,这里简单说一下我常用的几款插件. 1. vetur 实现在 vue 文件中: 语法错误检 ...
vscode代码自动保存插件_VSCode 云同步扩展设置 Settings Sync 插件
VSCode 云同步扩展设置 Settings Sync 插件发布时间:2019-07-19 16:24, 浏览次数:1730 , 标签: VSCode Settings Sync Hi.大家好,今 ...
wordpress全ajax主题,WordPress插件推荐：xiu主题开启ajax和全站无刷新音乐的办法
今天给大家送福利啦,是否羡慕别人站点的 ajax 加载?是否又对别人网站上面的全站无刷新音乐垂涎欲滴?今天,陌小雨就分享分分钟给你 N 种办法其中最简单的一种,加入陌小雨的VIP , 好吧,开玩笑的啦 ...
vscode主题背景插件_vscode 全透明背景图
一.前言 08.02更新:已魔改插件可以直接下载插件使用了 10.18跟新:已发布到vscode扩展,直接搜索"background-cover"进行安装使用下载地址下载后 ...
vscode运行html的插件_vscode前端常用插件推荐，搭建JQuery、Vue等开发环境
vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,edit ...
vscode 离线安装python插件_vscode for Python插件下载-Visual Studio Code Python插件下载0.9.1 官方版-西西软件下载...
Visual Studio Code免费编程工具可以进行python开发学习,当然Python本身的安装也是必须的,打开VisualStudioCode,按下Ctrl+P打开命令行,然后输入ext i ...
vscode python自动格式化插件_vscode写python时的代码错误提醒和自动格式化
python的代码错误检查通常用pep8.pylint和flake8,自动格式化代码通常用autopep8.yapf.black.这些工具均可以利用pip进行安装,这里介绍传统的利用pip.exe安装 ...
vscode python自动格式化插件_vscode写python时的代码错误提醒和自动格式化的方法...
距离上次写爬虫文章已经过了许久了,之前写过一篇20行Python代码爬取王者荣耀全英雄皮肤 ,反响强烈,其中有很多同学希望我再写一篇针对英雄联盟官网的皮肤爬取,但苦于事情繁多,便 2020-11-28 ...

vscode更换主题的插件_VScode 插件开发（三）主题

vscode更换主题的插件_VScode 插件开发（三）主题相关推荐

最新文章

热门文章