2025-02-24 电脑系统网
如何更换Vscode代码配色？有些朋友不知道如何更换。以下小系列将为您带来Vscode代码配色更换教程。让我们看看。
如何更换Vscode代码配色？Vscode代码配色更换教程
1、首先，你要做的是知道你想要修改的代码属于什么基本类型。您可以将光标移动到您想要修改颜色的代码上，例如将光标移动到字符串上。
2、然后在命令面板上运行 “检查TM作用域”(Inspect TM Scopes)命令。
3、此时，编辑器中出现了一个新的浮动窗口。这个窗口显示了当前代码片段对应的语言、语法类型、当前颜色和背景颜色。
例如，在上图中，该窗口显示了以下信息：
当前的 token 是 hello，它的类型是 String;
它的颜色是 #ce9178ff ，背景色是 #1e1e1eff;
它的语法作用域由内而外 string.quoted.double.js，meta.var.expr.js，source.js。
4、 如果你想把所有的字符串都变成红色，你需要修改作用域String的颜色。接下来，您可以再次打开个人设置(JSON)，输入 editor.tokenColorCustomizations;
5、然后把光标放在这里 JSON 在物体中，按下 “Ctrl + Space” 触发建议列表，您可以看到以下建议。
6、建议列表中的第一件事是你可以 VS Code 使用的所有主题的名称。通过选择它们，您只能覆盖主题中的某种颜色。在这里，您可以滚动此列表，看看下面还有其他建议。
您可以看到以下选项：
comments 代表注释的颜色；
functions 代表函数的寒色；
keywords 代表关键字的颜色；
numbers 代表数字的颜色；
strings 代表字符串的颜色；
types 代表颜色类型；
variables 代表变量的颜色；
textMateRules 我下面再介绍一下。
为了修改字符串的颜色，你只需要选择 strings 然后将其修改为红色，即：
"editor.tokenColorCustomizations": { "strings": "#FF0000" }
7、保存设置后，您将回到刚才 JavaScript 文件时，可以看到字符串的颜色发生了变化。
TextMate 规则修改
8、在上面的建议列表中，还有一个建议列表 textmaterules选项，这个属性是做什么用的？让我们看看刚才在哪里 JavaScript 文件里运行 “Inspect TM Scopes” 看到的信息。
在这个窗口的底部，是 TextMate 语法规则的作用域。hello 这个词在哪里？ TextMate 语法作用域由内而外 string.quoted.double.js，meta.var.expr.js，source.js。VS Code 在配置编辑器中代码的颜色时，设置主题插件。您需要修改某个功能域对应的颜色，即在设置中修改 textMateRules 。
9、例如，如果您只想修改双引号中字符串的颜色为红色，而不修改其他字符串，则需要修改 string.quoted.double.js 这个功能域的颜色。
10、最后在上面的动图中， 您可以看到：输入引号，然后自动填充 TextMate 之后，语法设置的模板将被重新设置 scope 修改了值 string.quoted.double.js 。保存设置后，当您再次打开以前的设置时 JavaScript 文件，
“hello” 它是红色的，但如果你输入它
var b = 'hello'
单引号内的 hello 还是原来的颜色。
感谢您的观看，更多精彩教程请关注下载之家！
