图文详解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/84692.html

(0)
上一篇 2022年9月1日 17:54
下一篇 2022年9月1日 18:23

相关推荐

  • 分享ai制作地图标志的图文操作。

    一些网友可能不清楚ai制作地图标志的操作,今天笔者就讲解关于ai制作地图标志的图文操作方法,相信大家通过学习,在以后的操作中一定会得心应手。 ai制作地图标志的图文操作 1、新建一…

    2019年6月12日 PC教程
    015
  • 图文详解央视影音怎么倍速播放。

    有的小伙伴会问央视影音怎么倍速播放,下面酷牛教程小编就为大家详细的介绍一下,想知道的话就来看看吧,相信一定会帮到你们的。 央视影音怎么倍速播放?央视影音倍速播放方法 1、首先在央视…

    2026年1月11日 PC教程
    03
  • 我来教你pycharm的菜单栏消失了怎么办。

    今日酷牛教程小编为各位带来的内容是关于pycharm软件,你们知道pycharm的菜单栏消失了怎么办吗?下面文章就为大伙带来了pycharm的菜单栏消失的解决方法,让我们一起去看看…

    2019年1月20日 PC教程
    029
  • 今天分享maya设计武器刀光拖尾效果的详细流程。

    你们知道怎么使用maya设计武器刀光拖尾效果吗?不清楚的朋友可以去下文学习一下maya设计武器刀光拖尾效果的详细流程吧。 maya设计武器刀光拖尾效果的详细流程 1、把曲线打组,以…

    2020年10月11日 PC教程
    035
  • 小编分享wps怎么做柱状图表。

    在做数据的时候,通常会搭配图表来看趋势,那wps怎么做柱状图表的呢,下面酷牛教程小编给大家介绍一下wps插入柱状图表方法,一起来看看吧~ wps怎么做柱状图表?wps插入柱状图表方…

    2023年8月13日
    025
  • 小编分享Word。

    相信有的朋友对于Word 2010清除格式或样式的简单操作还不是很了解,而今天酷牛教程小编就带来了Word2010清除格式或样式的操作方法,有需要的朋友就跟酷牛教程小编一起来学习一…

    2024年10月18日
    032
  • 说说百度地图如何制作多地点路线图。

    使用百度地图制作多地点路线图呢?想必有的网友还不太了解的,下面酷牛教程小编就为大家详细的介绍一下,大家感兴趣的话就一起来了解下吧! 百度地图如何制作多地点路线图?百度地图制作多地点…

    2019年6月17日 PC教程
    023
  • 小编分享利用Word文档中插入网络视频的操作步骤。

    今日就快来学习本文用Word文档中插入网络视频操作过程吧,相信在以后的使用中一定会得心应手的,快来学习吧 利用Word文档中插入网络视频的操作步骤 本文就以优酷视频为例,打开视频,…

    2022年10月1日 PC教程
    020
  • 图文详解CF空白昵称代码进行复制的操作内容。

    一些玩家还弄不明白CF空白昵称代码进行复制的操作,下面就带大家一起来看看CF空白昵称代码进行复制的操作内容,一起来看看吧。 CF空白昵称代码进行复制的操作内容 1、现在cf当中比较…

    2023年4月6日
    027
  • 图文详解CorelDraw。

    有很多朋友还不会使用CorelDraw X4如何绘制图形上色吗,所以下面酷牛教程小编就讲解了使用CorelDrawX4为绘制图形上色的操作,来下文看一看吧。 CorelDraw X…

    2023年7月27日 PC教程
    027