VSCode是一款非常流行的代码编辑器软件,可以帮助很多需要写代码的小伙伴快速完成工作,提高工作效率。然而,在使用过程中,边肖收到了一些小伙伴的问题。
如何在编辑器中修改代码的配色方案,可以让整个代码看起来更加清晰直观。边肖在网上收集了这些信息,并带来了下面这篇文章来解释这个问题。
首先,你需要做的是知道你要修改什么基本类型的代码。您可以将光标移动到要更改颜色的代码段,例如将光标移动到字符串。
然后,在命令面板中运行“Inspect TM Scopes”命令。
此时,编辑器中会出现一个新的浮动窗口。此窗口中显示的是当前代码片段的语言、语法类型、当前颜色和背景颜色。
例如,在上图中,此窗口显示以下信息:
当前令牌为hello,类型为String
其颜色为#ce9178ff,背景色为# 1 e 1 e ff;
它的语法范围从里到外依次是string.quoted.double.js、meta.var.expr.js、source.js。
如果你想把所有的字符串变成红色,你需要改变字符串范围的颜色。接下来,您可以再次打开个人设置(JSON)并进入编辑器。TokencocolorCustomizations
然后把光标放在这个JSON对象上,按“Ctrl+Space”触发建议列表,就会看到下面的建议。
出现在建议列表中的第一件事是可以在VS代码中使用的所有主题的名称。通过选择它们,您可以只覆盖某个主题中的某个颜色。您可以在这里滚动列表,看看下面还有哪些建议。
您可以看到以下选项:
评论代表评论的颜色;
Functions代表函数的冷色调;
关键词代表关键词的颜色;
数字代表数字的颜色;
Strings表示字符串的颜色;
类型表示类型的颜色;
变量代表变量的颜色;
textMateRules 我下面会再介绍。
为了修改字符串的颜色,你只需选择strings 即可,然后将其修改为红色,也就是:
'editor.tokenColorCustomizations': { 'strings': '#FF0000', }
保存设置后,你再回到刚才的JavaScript 文件时,就可以看到字符串颜色都变了。
TextMate 规则修改
在上面的建议列表里,还有个textMateRules选项,这个属性是做什么用的呢?让我们再来看下刚才在JavaScript 文件里运行“Inspect TM Scopes” 看到的信息。
在这个窗口的最下方,就是TextMate 的语法规则作用域了。hello 这个词所处的TextMate 语法作用域由内而外分别是string.quoted.double.js,
meta.var.expr.js,source.js。VS Code 的主题插件在配置编辑器内代码的颜色时,就是针对这些作用域进行设置的。而你要修改某个作用域所对应的颜色,
就是在设置中修改textMateRules 。
比如说,你只想修改双引号内的字符串的颜色为红色,其他的字符串都不修改,那么就需要修改string.quoted.double.js 这个作用域的颜色。
在上面的动图里, 你可以看到:输入引号,然后自动补全填入了TextMate 语法设置的模板,这之后,再将scope 的值修改成了string.quoted.double.js 。保存设置后,
当你再次打开之前的JavaScript 文件,
“hello” 是红色的,但是如果你输入
var b='hello'
单引号内的hello 依然是原来的颜色。
好了,今天的分享就到这里了,想要学习更多软件教程就来IT百科,快快收藏吧,更多精彩不容错过!