Vscode怎么修改编辑器配色。

很多小伙伴在使用Vscode的时候,想知道怎么修改编辑器配色,下面归来教程小编就为大家分享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修改编辑器配色方法

谢谢大家的观看,更多精彩教程请关注归来教程!

本文来自投稿,不代表归来教程立场,如若转载,请注明出处:https://www.guiqulai.com/485239.html

(0)
上一篇 2024年11月27日 19:59
下一篇 2024年11月27日 20:02

相关推荐

  • 小编为你叙述微信电脑版删除登录帐号的简单操作方法。

    亲们或许不知道微信电脑版删除登录帐号的详细操作,那么今天归来教程小编就讲解微信电脑版删除登录帐号的操作步骤哦,希望能够帮助到大家呢。 微信电脑版删除登录帐号的简单操作方法 在电脑上…

    2024年11月13日
    02.0K
  • 分享excel2007中函数的使用方法讲解。

    你们在使用excel2007时,会使用到函数吧, 下面归来教程小编给大家分享一下excel2007中函数的使用方法讲解吧,需要学习的伙伴可以了解一下! excel2007中函数的使…

    2024年11月12日 PC教程
    01.8K
  • 关于Microsoft。

    今天归来教程小编为大家带来了Microsoft Teams发送贴纸教程,想知道怎么做的小伙伴来看看接下来的这篇文章吧,相信一定会帮到你们的。 Microsoft Teams怎么发送…

    2024年12月14日 PC教程
    01.5K
  • 小编教你edius视频抽出一帧的操作方法。

    一些用户们在使用edius的时候,不是很熟悉其中edius视频抽出一帧的操作?今日这篇文章就带来了edius视频抽出一帧的操作方法。 edius视频抽出一帧的操作方法 鼠标指针定位…

    2024年12月3日 PC教程
    0282
  • ai制作yah手势图的简单使用教程方法。

    大家知道ai制作yah手势图吗?下文归来教程小编就带来了在ai制作yah手势图的简单使用教程,一起来看看吧! ai制作yah手势图的简单使用教程 打开ai软件,使用钢笔工具画出v手…

    2024年11月6日 PC教程
    0652
  • 电脑公司解答dreamweaver。

    近段时间有一些在使用dreamweaver cs6的伙伴们,并不是很会使用跳转菜单的操作?今日在这篇文章中就带来了dreamweavercs6跳转菜单的操作教程。 dreamwea…

    2024年11月5日 PC教程
    01.9K
  • 说说3Ds。

    3Ds MAX如何进行轮廓命令呢?熟悉3Ds MAX轮廓命令软件是非常简单的,今天归来教程小编就分享了关于3DsMAX轮廓命令使用操作方法,有需要的朋友一起来看看吧! 3Ds MA…

    2024年12月16日 PC教程
    0462
  • 关于优酷里转码功能的具体使用过程。

    优酷是大家都熟悉的一款视频播放器,但不少网友还不熟悉该应用里的转码功能,那么优酷里转码功能是如何使用的呢?下面一起来看看吧。 优酷里转码功能的具体使用过程 1、首先需要先进入优酷的…

    2024年10月28日 PC教程
    0913
  • 怎么修复VMware。

    很多用户都在使用VMware Workstation软件,不过你们知道VMwareWorkstation怎样删除虚拟机网络适配器吗?接着归来教程小编就为各位带来了VMwareWor…

    2024年11月29日 PC教程
    0595
  • 分享360安全浏览器怎么使用安全解压功能。

    本期为你们带来的文章是关于360安全浏览器软件的,各位用户知道360安全浏览器怎么使用安全解压功能吗?下面归来教程小编就为各位带来了360安全浏览器使用安全解压功能的方法,让我们一…

    2024年11月29日
    01.5K