使用主题,根据每个人的审美和感官不同,总有喜欢的配色和不完美的地方,一个主题也不可能做到让人人都满意,一个经典的主题,使用量巨大,用久了 想换个主题,别的主题又不是全喜欢,改动量不要太大,在原来主题上 来点自定义自然少不了
第一步:先找主题文件,路径在
{各自vsCode软件安装盘符}:\Microsoft VS Code\resources\app\extensions
路径下,找到theme开头的文件夹(进入extensions文件夹的时候,键盘按下T,就会马上跳到T字母开头的文件夹)
这些文件夹就是主题了,打开要修改的对应文件夹,再打开themes文件夹(一般来说,里面只会有这一个子文件夹),文件夹下应该就一个文件 (例如:monokai-color-theme.json,其他主题同理类似),用编辑器打开
有些主题内会在配置边上加有注释,有的没有,自己看名字可以大概看出一点,不懂的可以翻译可以搜索,实在不行可以根据现有主题的颜色和 json 文件中的颜色对照来修改
本次举例修改常见的注释代码的颜色:
找到 tokenColors 下的 "name": "Comment", 或者 "scope": "comment", 修改 foreground 对应的16进制,改成自己想要的颜色,VS Code命令中 reload window 就可以查看效果
其他常用颜色:
"name": "String", --字符串
"name": "Number", --数字
"name": "User-defined constant", --常量
"name": "Variable", --变量
"name": "Keyword", --关键字1(eg: if/else/for/ & / > < = ! /return/ % /px/ !important / export default/import/form/new 等)
"name": "Storage type", --关键字2(代表是'var let const function'等)
"name": "Function name", --方法名
"name": "Function argument", --方法参数
"name": "Tag attribute", --标签的属性名 (eg:class/width/style/v-model 等)
其他的用到了我再补充
===================================================
属性设置:
fontStyle: --字体样式 (可选属性 【斜体italic 下划线underline 加粗bold】",
foreground --前景色(就是颜色,目前1.36.1版本还不支持背景色background 属性)
网友评论