Vscode代码配色怎么更换？Vscode代码配色更换教程

      如何更换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 还是原来的颜色。

      感谢您的观看，更多精彩教程请关注下载之家！