Skip to main content

vscode 的正确打开方式

如何安装 vscode​

可以参考这篇博客，讲了安装方法，介绍了一些插件

美化 vscode​

这里主要记录一下美化 vscode 的过程

主题

图标

都可以直接在 vscode 的拓展商店里直接下载

Material Theme 这个主题本身就已经挺好看了，如果是单纯看代码的话我更推荐 Solarized Custom，但是后者没有针对 markdown 文档进行美化，所以选择了 Material Theme 主题，然后通过自定义设置修改配色，修改了一下主题的颜色配置，看起来就心情愉悦，感觉生产力都变强了

自定义的配置方法参考 Material Theme 主题的文档，在 vscode 的 settings.json 中即可进行配置

这里贴出我自己的配置，可以根据自己喜欢的配色进行修改（持续更新配置中······）

// 自定义主题配色
"editor.tokenColorCustomizations": {
    "[Material Theme Palenight]": {
        // 仅限于 Material Theme Palenight 主题
        "functions": "#31a9ff",
        "keywords": "#ff6b26",
        "strings": "#42ffef",
        "numbers": "#ff8080",
        "types": "#81f522",
        "variables": "#bdf8f8",
        "textMateRules": [
            {   // 运算符
                "scope": "keyword.operator",
                "settings": {
                    "foreground": "#30e6ec"
                }
            },
            {   // 函数参数
                "name": "Number, Constant, Function Argument, Tag Attribute, Embedded",
                "scope": [
                    "variable.parameter.function.language.special",
                    "variable.parameter"
                ],
                "settings": {
                    "foreground": "#f1c531"
                }
            },
        ]
    }
},

reference​