JQDEMO.COM:绿色、免费、安全的软件下载站!
JQ下载站
所在位置: 首页 > 软件教程 > VSCode编辑器配色怎么修改 配色方案介绍

VSCode编辑器配色怎么修改 配色方案介绍

发布时间:2022-10-04 17:03:46来源:JQDEMO.COM

  VSCode编辑器配色怎么修改 配色方案介绍

  VSCode除了工作区的颜色匹配,除了工作区域的颜色匹配,您还可以修改编辑器中代码的颜色。这真的很强大,因为常复杂,但在VSCode你仍然有一个非常简单的方法来完成部分修改。

  基本类型的颜色修改

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

VSCode编辑器配色怎么修改 配色方案介绍

  然后,在命令面板中运行“检查TM作用域”(InspectTMScopes)命令。

VSCode编辑器配色怎么修改 配色方案介绍

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

VSCode编辑器配色怎么修改 配色方案介绍

  例如,在上图中,窗口显示了以下信息:

  当前的token是hello,它的类型是String;它的颜色是#ce9178ff,背景色是#1e1e1eff;它的语法作用域由内而外分别是string.quoted.double.js,meta.var.expr.js,source.js。

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

VSCode编辑器配色怎么修改 配色方案介绍

  然后把光标放在这里JSON在对象中,按下“Ctrl+Space”触发建议列表,可以看到以下建议。

VSCode编辑器配色怎么修改 配色方案介绍

  建议列表中首先出现的是你可以在列表中VSCode所有主题的名称。通过选择它们,您只能覆盖某个主题中的某个颜色。在这里,您可以滚动列表,看看下面还有其他建议。

VSCode编辑器配色怎么修改 配色方案介绍

  您可以看到以下选项:

  comments代表注释的颜色;functions代表函数的寒色;keywords代表关键词的颜色;numbers代表数字的颜色;strings代表字符串的颜色;types代表类型的颜色;variables代表变量的颜色;textMateRules我下面再介绍一下。

  为了修改字符串的颜色,您只需选择字符串strings然后将其修改为红色,即:

  "editor.tokenColorCustomizations":{"strings":"#FF0000",}

  保存设置后,您可以回到刚才的JavaScript在文件中,您可以看到字符串的颜色发生了变化。

VSCode编辑器配色怎么修改 配色方案介绍

  TextMate规则修改

  在上述建议列表中,还有一个建议列表textMateRules选项,这个属性有什么用?让我们看看刚才在做什么。JavaScript文件里运行“InspectTMScopes”看到的信息。

VSCode编辑器配色怎么修改 配色方案介绍

  在这个窗口的底部,是TextMate语法规则作用域。hello这个词所在TextMate语法作用域由内而外string.quoted.double.js,meta.var.expr.js,source.js。VSCode主题插件是为编辑器中代码的颜色而设置的。您需要修改功能域对应的颜色,即在设置中修改textMateRules。

  例如,如果您只想将双引号中字符串的颜色修改为红色,而不修改其他字符串,则需要修改string.quoted.double.js作用域的颜色。

VSCode编辑器配色怎么修改 配色方案介绍

  在上面的动图中,您可以看到:输入引号,然后自动填充填充TextMate语法设置模板,之后,将scope值修改为string.quoted.double.js。保存设置后,当您再次打开之前的JavaScript文件,

VSCode编辑器配色怎么修改 配色方案介绍

  “hello”它是红色的,但是如果你输入,

  varb='hello'

  单引号内的hello还是原来的颜色。

  以上就是小编给大家解说的全部内容,更多专业的游戏资讯,游戏资源,尽在jq下载站!

收藏

相关软件

更多 >
  • 热门教程
  • 最新教程
  • 下载排行榜
  • 热门排行榜