VSCode怎么更换代码颜色

VSCode它可以帮助许多需要编写代码的朋友快速完成他们的工作，并为他们提高大量的工作效率。这是一个非常流行的代码编辑软件。然而，在使用过程中，小编收到了一些朋友的问题，说如何修改编辑器中代码的配色，这可以使整个代码看起来更加清晰直观，小编收集了在线信息，这篇文章解释了这个问题。

VSCode代码配色更换步骤列表

首先，你要做的是知道你想修改的代码属于什么基本类型。您可以将光标移动到您想要修改颜色的代码上，例如将光标移动到字符串上，

然后在命令面板上运行 “检查TM作用域”(Inspect TM Scopes)命令。

此时，编辑器中出现了一个新的悬挂窗口。该窗口显示了当前代码片段对应的语言、语法类型、当前的颜色和背景颜色。

例如，在上图中，该窗口显示了以下信息：

当前的 token 是 hello，它的类型是 String;

它的颜色是 #ce9178ff ，背景色是 #1e1e1eff;

它的语法作用域由内而外 string.quoted.double.js，meta.var.expr.js，source.js。

如果你想把所有的字符串都变成红色，你需要修改它们String这个功能域的颜色。下面，您可以再次打开个人设置(JSON)，输入 editor.tokenColorCustomizations;

然后把光标放进去 JSON 按下对象 “Ctrl Space” 触发建议列表，可以看到以下建议。

建议列表中的第一件事是你可以 VS Code 使用的所有主题的名称。通过选择它们，您只能覆盖主题中的某种颜色。在这里，您可以滚动此列表，看看下面还有其他建议。

您可以看到以下选项：

comments 代表注释的颜色；

functions 代表函数的寒色；

keywords 代表关键字的颜色；

numbers 代表数字的颜色；

strings 代表字符串的颜色；

types 代表颜色类型；

variables 代表变量的颜色；

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 还是原色。

好了，今天的分享到此为止。如果你想学。。。更多的软件教程，来到移动教程频道。快速收集。更精彩的不容错过！