逍遥手游网:为用户提供海量热门软件、游戏等手机资源下载服务!

装机必备热门标签玩游戏装软件BT游戏H5游戏看教程专题游戏盒子手机版

逍遥手游网

所在位置:首页 > 资讯教程 > 系统教程 >  > 详情

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

文章来源:网络作者:情殇发布时间:2026-05-27 23:21:27

360集合包
360集合包
360集合包,一键装机、快捷方便。
Ready

      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 依然是原来的颜色。

      谢谢大家的观看,更多精彩教程请关注下载之家!

End
复制本文链接资讯文章为逍遥手游网所有,未经允许不得转载。
热门游戏MORE+
相关资讯MORE+
最新录入
热门资讯
新游新品榜
手机游戏
休闲益智
赛车竞速
棋牌桌游
角色扮演
动作射击
体育竞技
经营养成
策略塔防
冒险解谜
音乐游戏
手游辅助
H5游戏
BT游戏
手机软件
社交聊天
系统工具
时尚购物
旅游出行
影音播放
生活实用
办公学习
资讯阅读
拍摄美化
游戏辅助
健康医疗
地图导航
小说漫画
安全防护
育儿亲子
手游下载
梦想三国之勇往直前0....
炼仙传说0.1折
不可思议的刀剑与魔法...
逍遥浪人
奇幻梦旅人
玄影0.1折
点击冒险之旅(0.1折特...
天神赵子龙0.1折
九州异兽记0.1折
龙魂魔法0.1折
装机软件
爱奇艺电脑版
Steam下载管家 2026最...
360游戏大厅
GoLink加速器
3DM驱动大师
夸克
豆包电脑版
360C盘扩容大师
360录屏
360极速浏览器
精选专题
手机游戏专题
手机软件专题
电脑软件专题
电脑游戏专题
游戏排行榜
手游排行榜
软件排行榜
BT排行榜
电脑软件排行榜
电脑游戏排行榜