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

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

果玩软件园

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

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

文章来源:网络作者:囚人发布时间:2026-07-07 03:40:35

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游戏
手机软件
社交聊天
系统工具
时尚购物
旅游出行
影音播放
生活实用
办公学习
资讯阅读
拍摄美化
游戏辅助
健康医疗
地图导航
小说漫画
安全防护
育儿亲子
手游下载
战玲珑2(0.1折高福利...
东方奇缘(0.1折送100...
汉武王朝(0.1折诏令山...
风色轨迹(0.1折混世魔...
三国将无双(0.1折乱世...
天下策(0.1折烽火连城...
梦回仙境(0.1折封神传...
龙刃(0.1折文证大道)
大秦帝国风云录(0.1折...
征战九州(0.1折山外山...
装机软件
360游戏大厅pc客户端
360极速浏览器mac版
360安全卫士mac版
360C盘扩容大师
360极速浏览器32位电脑...
360极速浏览器X 64位
360安全卫士极速版
360手机助手电脑版
手心拼音输入法电脑版
360杀毒软件
精选专题
手机游戏专题
手机软件专题
电脑软件专题
电脑游戏专题
游戏排行榜
手游排行榜
软件排行榜
BT排行榜
电脑软件排行榜
电脑游戏排行榜