分享Vscode怎么修改编辑器配色
Vscode怎么修改编辑器配色。。针对这个问题,今天本站小编就搜集了网上的相关信息,给大家做个Vscode怎么修改编辑器配色。的解答。希望看完这个教程之后能够解决大家Vscode怎么修改编辑器配色。的相关问题。
很多小伙伴在使用Vscode的时候,想知道怎么修改编辑器配色,下面小编就为大家分享Vscode修改编辑器配色方法,感兴趣的小伙伴不要错过哦!
Vscode怎么修改编辑器配色? Vscode修改编辑器配色方法
1、首先,你要做的,就是知道你想要修改的代码,是属于什么基本类型。你可以将光标移动到某段你想要修改颜色的代码上,比如将光标移动到一段字符串上,
2、然后,在命令面板里运行 “检查TM作用域”(Inspect TM Scopes)命令。
3、此时,编辑器中出现一个新的悬浮窗。这个窗口里呈现的,就是当前这个代码片段所对应的语言、语法类型以及当前的颜色和背景色等。
4、比如在上图里,这个窗口呈现了以下信息:
当前的 token 是 hello,它的类型是 String;
它的颜色是 #ce9178ff ,背景色是 #1e1e1eff;
它所属的语法作用域由内而外分别是 string.quoted.double.js,meta.var.expr.js,source.js。
5、接着如果你想要将所有字符串都变成红色,那么就需要修改String这个作用域的颜色。下面,你可以再次打开个人设置(JSON),输入
editor.tokenColorCustomizations;
6、再把光标放入这个 JSON 对象中,按下 “Ctrl + Space” 触发建议列表,就能够看到如下的建议。
7、建议列表中首先出现的,就是你可以在 VS Code
中使用的所有的主题的名字。通过选择它们,你可以只覆盖某个主题中的某个颜色。这里你可以滚动这个列表,看看下面还有别的什么建议。
你可以看到如下几个选项:
comments 代表着注释的颜色;
functions 代表着函数的寒色;
keywords 代表着关键字的颜色;
numbers 代表着数字的颜色;
strings 代表着字符串的颜色;
types 代表着类型的颜色;
variables 代表着变量的颜色;
textMateRules 我下面会再介绍。
为了修改字符串的颜色,你只需选择 strings 即可,然后将其修改为红色,也就是:
\"editor.tokenColorCustomizations\": { \"strings\": \"#FF0000\", }
8、最后保存设置后,你再回到刚才的 JavaScript 文件时,就可以看到字符串颜色都变了。
谢谢大家的观看,更多精彩教程请关注本站!
相关内容
-
代码编辑器(Notepad++)怎么隐藏状态栏
代码编辑器(Notepad++)怎么隐藏状态栏,隐藏状态栏,代码编辑器...
-
代码编辑器(Notepad++)怎么设置书签
代码编辑器(Notepad++)怎么设置书签,设置,书签,代码编辑器,方...
-
分享代码编辑器(Notepad++)怎么安装插件
分享代码编辑器(Notepad++)怎么安装插件,插件,代码编辑器,分...
-
分享花呗逾期无法使用怎么恢复
分享花呗逾期无法使用怎么恢复,恢复,享花,系统,信用,评估,提...
-
分享代码编辑器(Notepad++)怎么分割行
分享代码编辑器(Notepad++)怎么分割行,代码编辑器,分割,分享,...
-
代码编辑器(Notepad++)视图怎么缩放
代码编辑器(Notepad++)视图怎么缩放,视图,缩放,代码编辑器,教...
-
代码编辑器(Notepad++)怎么新建文件
代码编辑器(Notepad++)怎么新建文件,文件,代码编辑器,截图,教...
-
分享代码编辑器(Notepad++)光标不显示怎么办
分享代码编辑器(Notepad++)光标不显示怎么办,显示,代码编辑器...
-
分享代码编辑器(Notepad++)怎么关闭文档切换
分享代码编辑器(Notepad++)怎么关闭文档切换,代码编辑器,文档...
-
代码编辑器(Notepad++)怎么查看二进制文件
代码编辑器(Notepad++)怎么查看二进制文件,查看,二进制文件,...
-
我来代码编辑器(Notepad++)怎么隐藏标签栏
我来代码编辑器(Notepad++)怎么隐藏标签栏,标签栏,隐藏,代码...
-
代码编辑器(Notepad++)怎么更改编码格式
代码编辑器(Notepad++)怎么更改编码格式,更改,编码格式,代码...
-
代码编辑器(Notepad++)怎么运行调试程序
代码编辑器(Notepad++)怎么运行调试程序,代码编辑器,程序运行...
-
分享代码编辑器(Notepad++)怎么隐藏菜单栏
分享代码编辑器(Notepad++)怎么隐藏菜单栏,菜单栏,代码编辑器...
-
分享代码编辑器(Notepad++)怎么设置标签栏垂直
分享代码编辑器(Notepad++)怎么设置标签栏垂直显示,设置,标签...