vscode怎么设置代码颜色?Vscode编辑器配色设置方法

时间:2023-06-27 09:29:01 

vscode怎么设置代码颜色?通过设置修改编辑器的代码配色,可以很好的突出对比重点,那么在使用Vscode的时候,怎么修改编辑器配色呢?一起来看下详细的方法吧。

Vscode怎么修改编辑器配色? 

1、首先,你要做的,就是知道你想要修改的代码,是属于什么基本类型。你可以将光标移动到某段你想要修改颜色的代码上,比如将光标移动到一段字符串上,

vscode怎么设置代码颜色?Vscode编辑器配色设置方法

2、然后,在命令面板里运行 “检查TM作用域”(Inspect TM Scopes)命令。

vscode怎么设置代码颜色?Vscode编辑器配色设置方法

3、此时,编辑器中出现一个新的悬浮窗。这个窗口里呈现的,就是当前这个代码片段所对应的语言、语法类型以及当前的颜色和背景色等。

vscode怎么设置代码颜色?Vscode编辑器配色设置方法

4、比如在上图里,这个窗口呈现了以下信息:

当前的 token 是 hello,它的类型是 String;

它的颜色是 #ce9178ff ,背景色是 #1e1e1eff;

它所属的语法作用域由内而外分别是 string.quoted.double.js,meta.var.expr.js,source.js。

5、接着如果你想要将所有字符串都变成红色,那么就需要修改String这个作用域的颜色。下面,你可以再次打开个人设置(JSON),输入 editor.tokenColorCustomizations;

vscode怎么设置代码颜色?Vscode编辑器配色设置方法

6、再把光标放入这个 JSON 对象中,按下 “Ctrl + Space” 触发建议列表,就能够看到如下的建议。

vscode怎么设置代码颜色?Vscode编辑器配色设置方法

7、建议列表中首先出现的,就是你可以在 VS Code 中使用的所有的主题的名字。通过选择它们,你可以只覆盖某个主题中的某个颜色。这里你可以滚动这个列表,看看下面还有别的什么建议。

vscode怎么设置代码颜色?Vscode编辑器配色设置方法

你可以看到如下几个选项:

comments 代表着注释的颜色;

functions 代表着函数的寒色;

keywords 代表着关键字的颜色;

numbers 代表着数字的颜色;

strings 代表着字符串的颜色;

types 代表着类型的颜色;

variables 代表着变量的颜色;

textMateRules 我下面会再介绍。

为了修改字符串的颜色,你只需选择 strings 即可,然后将其修改为红色,也就是:

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

8、最后保存设置后,你再回到刚才的 Javascript 文件时,就可以看到字符串颜色都变了。

vscode怎么设置代码颜色?Vscode编辑器配色设置方法

标签:Vscode编辑器配色,vscode代码颜色设置,vscode怎么设置代码颜色,vscode
0
投稿

猜你喜欢

  • Win7浏览网页时提示此网站的安全证书有问题如何解决?

    2023-10-05 11:52:34
  • Win10如何加强麦克风?Win10加强麦克风的方法

    2023-12-14 16:19:42
  • Windows7用户如何安装老毛桃WinPE到本地硬盘

    2022-02-16 21:43:55
  • Win8.1旗舰版系统鼠标滚轮失效无响应的解决方法

    2022-11-02 00:20:46
  • Photoshop雪景效果照片制作方法

    2022-08-14 23:50:35
  • Win11打印机文档被挂起怎么解决?

    2022-01-27 16:44:32
  • 不想升级Win10一周年更新版RedStone怎么办?

    2023-05-27 04:42:22
  • ​电脑版wps文档如何设置页脚文字的底色

    2023-10-02 18:42:23
  • Word文档怎么设置局部编辑限制保护?

    2022-08-19 09:42:02
  • Win10中OneNote便笺有什么功能怎么使用?

    2022-08-24 01:54:41
  • wps ppt如何更换背景

    2022-02-01 16:33:27
  • 苹果Safari 16浏览器正式版有哪些新功能?

    2023-06-13 12:41:21
  • 如何判断Mac文字编辑器中的文件是否保存

    2022-11-13 15:18:09
  • Win7安装vs和xampp后80端口产生冲突的处理技巧

    2023-06-27 19:49:05
  • excel怎么制作小区的缴费通知单?

    2022-02-13 10:37:59
  • 实现将word 2019文档保存为网页的方法

    2023-02-09 06:12:56
  • 火绒为什么不建议大家用?

    2022-01-27 21:09:34
  • windows7的"纵深防御"理念论

    2022-10-22 01:55:38
  • PowerPoint2007主题颜色和背景设置技巧

    2024-01-08 07:56:23
  • Win10系统的虚拟桌面要怎么才能使用

    2023-03-28 14:04:44
  • asp之家 电脑教程 m.aspxhome.com