VSCode草绿色背景设置+个性化设置

最新推荐文章于 2025-04-13 19:14:56 发布

w0100746363

最新推荐文章于 2025-04-13 19:14:56 发布

阅读量2.2k

点赞数

分类专栏： VSCode 文章标签： vscode VSCode护眼色 VSCode个性化设置

本文链接：https://blog.youkuaiyun.com/w0100746363/article/details/120194181

版权

VSCode 专栏收录该内容

5 篇文章

订阅专栏

这篇博客详细介绍了如何配置Visual Studio Code（VSCode），包括启动时显示欢迎页、字体大小设定、文件排除规则、颜色主题定制、编辑器行为调整等多个方面，以创建一个既美观又实用的开发环境。作者分享了具体的配置代码，让读者可以轻松复制并应用到自己的VSCode中，提升开发体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{
    "workbench.startupEditor": "welcomePage",
    "editor.fontSize": 18,
    "files.exclude": {
        "**/.vs": true,
        "**/.vscode": true,
        "**/*.meta": true,
        "**/*.csproj": true,
        "**/*.sln": true,
        "**/*.bat": true,
        "**/*.userprefs": true,
    },
    "files.associations": {
        "*.json": "jsonc"
    }, //工作台主题颜色
    "typescript.updateImportsOnFileMove.enabled": "always",
    "editor.formatOnSave": false, // 开启 vscode 文件路径导航
    "window.enableMenuBarMnemonics": false,
    "workbench.colorTheme": "Visual Studio Light",
    "workbench.colorCustomizations": { // 颜色设置
        "editor.background": "#d3f7d9",
        "terminal.background": "#EAEAEF",
        "activityBar.foreground": "#01cd78", //活动栏前景色，图标颜色
        "editorBracketMatch.background": "#e4393c", //匹配括号的背景色
        "terminal.foreground": "#01cd78",
        "titleBar.activeBackground": "#000", //活动窗口标题栏背景色
        "titleBar.activeForeground": "#01cd78", //活动窗口标题栏前景色
        "titleBar.border": "#01cd78", //标题栏边框
        "titleBar.inactiveBackground": "#000d78", //非活动窗口标题栏背景色
        "titleBar.inactiveForeground": "#01cd78", //非活动窗口标题栏前景色
        "menubar.selectionBackground": "#4e5172", //菜单栏中选定菜单项的背景色
        "menubar.selectionBorder": "#e21d2d", //菜单栏中所选菜单项的虚线边框颜色
        "window.activeBorder": "#ff0000",//VScode编辑器边框颜色
        "breadcrumb.foreground": "#072bf6",
        "editor.lineHighlightBorder": "#f12a0f", //光标所在行边框颜色
        // 激活选项卡 前景色
        "tab.activeBackground": "#f1a257",//活动选项卡背景色
        "editor.selectionHighlightBackground": "#01cd78", //与所选内容具有相同内容的区域颜色
        "menu.foreground": "#ff0000",
        "activityBar.background": "#50636e",//活动栏背景色
        "list.hoverBackground": "#c7ca9c",//鼠标移动时，焦点所在项的背景色
        "editorGroupHeader.tabsBorder": "#ff0000",
        "editorGroupHeader.border": "#ff0000",
        "editorOverviewRuler.selectionHighlightForeground": "#ff0000",
        "editorOverviewRuler.wordHighlightForeground": "#ff0000",
        "editorOverviewRuler.warningForeground": "#3308f3",
    },
    // 函数名等颜色
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "",
                "settings": {
                    "foreground": "#FF0000",
                    "fontStyle": "bold"
                }
            },
        ], //规则与样式
        "functions": "#e4393c", //函数颜色
        // "strings": "#e99e2d", //字符串颜色
        "keywords": "#da2ab3", //关键字颜色
        // "types": "#FF0000", //类型定义颜色
        // "variables": "#FF0000", //变量颜色
        "numbers": "#FF0000", //数字颜色
        "comments": "#038b3e", //注释颜色
    },
    "editor.minimap.enabled": false,
    "explorer.autoReveal": "focusNoScroll",
    "editor.codeLens": false,
    "workbench.iconTheme": "vscode-icons",//需要安装vscode-icons插件
    "window.zoomLevel": 2,
    "editor.mouseWheelZoom": true,
    "terminal.integrated.tabs.enabled": false,
    "editor.semanticHighlighting.enabled": true,
    "vsicons.dontShowNewVersionMessage": true,
}