中国投资网 百科 如何修改vscode代码颜色(vscode 远程安装vscode server)

如何修改vscode代码颜色(vscode 远程安装vscode server)

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百科,快快收藏吧,更多精彩不容错过!

本文来自网络,不代表本站立场,转载请注明出处:https:

如何修改vscode代码颜色(vscode,远程安装vscode,server)

中国投资网后续将为您提供丰富、全面的关于如何修改vscode代码颜色(vscode,远程安装vscode,server)内容,让您第一时间了解到关于如何修改vscode代码颜色(vscode,远程安装vscode,server)的热门信息。小编将持续从百度新闻、搜狗百科、微博热搜、知乎热门问答以及部分合作站点渠道收集和补充完善信息。