Visual Studio(简称vs)是一款功能十分强大的编译器,是我们众多程序员的非常喜爱一款编译器,也是初学者的不二选择. `作为程序猿,一个良好的代码界面可以帮助我们更好的阅读代码,以便及时修改错误,以达到事半功倍的效果,所以 vs提供了字体和颜色的修改,但是里面的显示项让我们很懵,到底哪个是我们要修改的显示项呢?下面我们来做简单的介绍.
 
我的原来的代码界面
 
背景是护眼色,适用于长时间敲代码的人
 
 
从哪里修改颜色呢?
 
1,
 
 
2.
 3.接着设置自己喜欢的项前景,和项背景就可以了
 

 *建议把背景颜色改为浅绿色，有助于减缓眼睛疲劳。
 我的绿色护眼背景的颜色参数是：
 在【纯文本】的【项背景】里设置如上参数即可
 
**下一篇文章我给大家介绍【字体与颜色】里的【显示项】（如下图）
 对应界面中的哪些内容，请转到： ，https://blog.csdn.net/ysoftwarer/article/details/108322251

 
 
摘要：自定义Visual Studio Code（VSCode）的主题和代码颜色
 
 
在VS Code 的左下角，点击设置。
 
 打开设置后，在搜索栏搜索关键字：主题。
 
搜索结果显示有许多个在setting.json中编辑，任意点开一个，即可编辑代码的颜色。
 
 在文件setting.json的代码后面，插入相应的代码，然后保存。
 

 代码如下：
 
    // 自定义的颜色
    "editor.tokenColorCustomizations": {
        "comments": "#55aa7f", // 注释
        "keywords": "#ff55ff", // 关键字
        "variables": "#a792e2", // 变量名 
        "strings": "#00ff7f", // 字符串
        "functions": "#ffff00", // 内置函数名
        "numbers": "#00eeff", // 数字
        "types": "#55bbff", //类定义颜色
    },
 
你会发现编辑器里的代码颜色随之改变了。
 

 发现引号的颜色，还是不太喜欢，于是又找了许久资料，继续折腾。
 
 
 
//文本匹配规则后面的代码，会覆盖前面的颜色设置代码。
 
 
// 自定义的颜色
    "editor.tokenColorCustomizations": {
        "comments": "#55aa7f", // 注释
        "keywords": "#ff55ff", // 关键字
        "variables": "#5eccf8", // 变量名 函数的参数名 
        "strings": "#00ff7f", // 字符串
        "functions": "#ffbb00", // 自定义及内置的函数名称 如：print
        "numbers": "#00eeff", // 数字
        "types": "#55bbff", //类定义颜色
        //文本匹配规则
        "textMateRules": [
            //entity.name.function",                    //直接调用的函数
            //entity.name.type",                        //typedef定义的变量
            //keyword.control",                         //if switch break return
            //keyword.operator.assignment",             // =等号/赋值号 |= &=
            //"keyword.operator.logical",               //逻辑符号 && || !
            //"constant.character.escape",              //"\r\n"\
            //constant.other.placeholder",              //"%s %c"
            //punctuation.definition.comment",          // // /*注释开头
            //constant.numeric",                        //数字:50 10  0x20的20部分
            //keyword.operator.word                     //and or not
            //"scope":"meta",                           //括号 函数声明的括号 调用的括号...
            //punctuation.separator",                   //冒号 逗号
            //punctuation.terminator",                  //分号
            //storage.modifier",                        //static const
            //string.quoted.single",                    //单引号字符串
            //string.quoted.double",                    //双引号字符串
            //string.quoted.triple",                    //三引号字符串
            //"storage.type",                           //void int char 
            //"punctuation.definition.string.begin",    //左双引号
            //"punctuation.definition.string.end",      //右双引号
            //##########################################################################
            //系统内置的函数名称的颜色 如：print len 
            {
                "scope": "support.function",
                "settings": {
                    "foreground": "#ffbb00",
                }
            },
            //类的名称颜色 如class abc() 中的abc
            {
                "scope": "entity.name.type", //函数和类的名称颜色
                "settings": {
                    "foreground": "#14fff3",
                }
            },
            //类和函数的定义单词颜色 def class
            {
                "scope": "storage.type", //void int char 
                "settings": {
                    "foreground": "#ff00c8",
                }
            },
            //不知道是什么
            {
                "scope": "storage.modifier", //static const
                "settings": {
                    "foreground": "#ffe600de",
                }
            },
            //运算符号，如 +-*/=
            {
                "scope": "keyword.operator", //=等号/赋值号 |= &=
                "settings": {
                    "foreground": "#ff55ff",
                }
            },
            // 系统的控制关键词：如 if pass return f
            {
                "scope": "keyword.control", //if switch break return
                "settings": {
                    "foreground": "#ff00c8",
                    "fontStyle": ""
                }
            },
            //逻辑符号：如 and  or 
            {
                "scope": "keyword.operator.logical", //逻辑符号 && || !
                "settings": {
                    "foreground": "#ff00c8",
                    "fontStyle": ""
                }
            },
            //换行符、转义符等如 ：\r \n
            {
                "scope": "constant.character.escape", //"\r\n"
                "settings": {
                    "foreground": "#ee5050",
                    "fontStyle": ""
                }
            },
            //不知道是什么
            {
                "scope": "variable.other", //结构体对象和成员等
                "settings": { //VSCode使用C的颜色限制，这一点比较坑
                    "foreground": "#4f1eff", //比如Public.Delay(),颜色是一起变得
                    "fontStyle": "" //不能单独设置Public和Delay的显示颜色
                } //可能因为VS Code主要用于前端，对C的支持不够完善
            },
            //函数的参数名称
            {
                "scope": "variable.parameter", //函数参数-定义阶段
                "settings": {
                    "foreground": "#5eccf8",
                    "fontStyle": ""
                }
            },
            {
                "scope": "entity.name.section", //函数参数-调用阶段
                "settings": {
                    "foreground": "#ff0000",
                    "fontStyle": ""
                }
            },
            // 左单双引号
            {
                "scope": "punctuation.definition.string.begin",
                "settings": {
                    "foreground": "#00ff7f",
                    "fontStyle": "bold"
                }
            },
            //右单双引号
            {
                "scope": "punctuation.definition.string.end",
                "settings": {
                    "foreground": "#00ff7f",
                    "fontStyle": "bold" //加粗
                }
            },
            {
                "scope": [
                    "constant.other.symbol",
                ],
                "settings": {
                    "foreground": "#ff0000"
                }
            }
        ]
    },
 
现在变成了这样子：
 
 成功修改了引号的颜色。但是True、None等系统保留字还是不知道怎么修改。
 先这样吧，基本可用了！
 
对我而言，颜值第一，赏心悦目的重要性，永远靠前！

 
  Visual Studio IDE - 修改代码编辑背景颜色
 
 
1. Item background: Default
 
 
2. Item background: Green
 
Tools -> Options -> Fonts and Colors -> Plain Text -> Item background: Green
 
 
 
 
 
3. 恢复默认状态
 
Tools -> Options -> Fonts and Colors -> Plain Text -> Item background: Default
 
 
References