vscode 美化教程

最终成果

image.png

注释美化

"editor.tokenColorCustomizations": {
            "comments": {
                // 设置字体样式 加粗 下划线 斜体等
                "fontStyle": "",
                // 设置字体颜色
                "foreground": "#4caee2",//颜色代码 可以复制这个也可以挑自己喜欢的
            }, // 注释
        },

注意:如果editor.tokenColorCustomizations没有变色的话,请检查上一节点是否漏了逗号

行号颜色

"workbench.colorCustomizations": {
        // 行号数字的颜色
        "editorLineNumber.foreground": "#17a346",
        // 无效?
        // "editorGutter.background": "#020230",
        // 光标的颜色
        "editorCursor.foreground": "#d41313",
    },

背景虚化

需要插件商城安装vibrancy
使用插件一键启用 Visual Studio Code 的毛玻璃效果

背景图片

插件商城安装background即可
使用方法:vscode背景图片设置