Vscode代码配色怎么更换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 依旧是原先的颜色。

感谢大家的收看，精彩不断实例教程欢迎关注免费下载猫!