vscode中UI界面设置以及代码颜色字体设置

vscode中UI界面设置以及代码颜色字体设置

setting.json设置

{
    "editor.tabSize": 2, // tab必须是两格,漂亮 省地方
    // "vim.disableAnnoyingNeovimMessage": true,
    "vim.useCtrlKeys": false, //这个不禁用就不能CTRL c,CTRL v了
    "platformio-ide.autoPreloadEnvTasks": true,
    "platformio-ide.customPATH": "",
    "platformio-ide.buildTask": "",
    "platformio-ide.useBuiltinPIOCore": false,
    "platformio-ide.useBuiltinPython": false,
    "platformio-ide.useDevelopmentPIOCore": true,
    "workbench.startupEditor": "newUntitledFile",
    "explorer.confirmDelete": false,
    "workbench.colorTheme": "Visual Studio Dark - C++",
    //"workbench.iconTheme": "vscode-icons", //好辨认的icon
    // "workbench.colorTheme": "Panda Syntax", //Panda主题
    "material-icon-theme.folders.color": "#42a5f5",
    "files.autoSave": "afterDelay",
    "editor.formatOnType": true,
    //每次保存的时候,自动格式化代码,值设为false时,按Shift+Alt+F,进行格式化。
    "editor.formatOnSave": true,
    "emmet.extensionsPath": "",
    "emmet.excludeLanguages": [
        "markdown"
    ],
    "emmet.triggerExpansionOnTab": true,
    "platformio-ide.forceUploadAndMonitor": false,
    "monitor_speed": 115200,//串口默认波特率
    "editor.codeActionsOnSave": {
        "source.fixAll.tslint": true
    },
    "workbench.editorAssociations": [
        {
            "viewType": "jupyter.notebook.ipynb",
            "filenamePattern": "*.ipynb"
        }
    ],
    "editor.maxTokenizationLineLength": 1e+36,
    "workbench.colorCustomizations": {
        // "editor.background": "#5a5757", //背景黑一点 对比明显 代码看得清楚
        "statusBar.border": "#2bff00",
        "titleBar.border": "#ff0000",
         "activityBar.background": "#1f1d1d",//右侧图标栏背景颜色
        "sideBar.background": "#111010",//插件扩展区背景颜色
        "activityBar.foreground": "#ff0303", //侧边图标变红
        // Scrollbar
        "scrollbarSlider.background": "#eef77d", //侧滚动条更明显
        "scrollbarSlider.hoverBackground": "#a00f0f",
        "scrollbarSlider.activeBackground": "#ff0000",
        "scrollbar.shadow": "#ff0000",
        "statusBar.background": "#5c0000", //下边栏增强对比
        "contrastActiveBorder": "#ff0000", //选文件的时候加个红边框 选的更准
        "editorOverviewRuler.addedForeground": "#25f809e7",
        "editorOverviewRuler.modifiedForeground": "#f5070700",
        "editorOverviewRuler.deletedForeground": "#e41a1a00",
        // Gutter (same as tweaking scm.diffDecorations?)
        "editorGutter.addedBackground": "#f36d6d00",
        "editorGutter.modifiedBackground": "#0cf74700",
        "editorGutter.deletedBackground": "#20f50c00",
        "editor.selectionBackground": "#e41fda7e", //选中高亮
        // "editor.background": "#0000", //背景颜色
    },
    "editor.tokenColorCustomizations": {
        "comments": "#3ef047", //注释
        "keywords": "#92e8f3", // 关键字
        "variables": "#d4289b", // 变量名
        "strings": "#eca50bbd", // 字符串
        "functions": "#15e7d9c9", // 函数名
        "numbers": "#b5a2da" // 数字
    },
}
  • 界面效果如下:
  • vscode中UI界面设置以及代码颜色字体设置_第1张图片
{
    "editor.tabSize": 2, // tab必须是两格,漂亮 省地方
    // "vim.disableAnnoyingNeovimMessage": true,
    "vim.useCtrlKeys": false, //这个不禁用就不能CTRL c,CTRL v了
    "platformio-ide.autoPreloadEnvTasks": true,
    "platformio-ide.customPATH": "",
    "platformio-ide.buildTask": "",
    "platformio-ide.useBuiltinPIOCore": false,
    "platformio-ide.useBuiltinPython": false,
    "platformio-ide.useDevelopmentPIOCore": true,
    "workbench.startupEditor": "newUntitledFile",
    "explorer.confirmDelete": false,
    "workbench.colorTheme": "Visual Studio Dark - C++",
    //"workbench.iconTheme": "vscode-icons", //好辨认的icon
    // "workbench.colorTheme": "Panda Syntax", //Panda主题
    "material-icon-theme.folders.color": "#42a5f5",
    "files.autoSave": "afterDelay",
    "editor.formatOnType": true,
    //每次保存的时候,自动格式化代码,值设为false时,按Shift+Alt+F,进行格式化。
    "editor.formatOnSave": true,
    "emmet.extensionsPath": "",
    "emmet.excludeLanguages": [
        "markdown"
    ],
    "emmet.triggerExpansionOnTab": true,
    "platformio-ide.forceUploadAndMonitor": false,
    "monitor_speed": 115200,
    "editor.codeActionsOnSave": {
        "source.fixAll.tslint": true
    },
    "workbench.editorAssociations": [
        {
            "viewType": "jupyter.notebook.ipynb",
            "filenamePattern": "*.ipynb"
        }
    ],
    "editor.maxTokenizationLineLength": 1e+36,
    "workbench.colorCustomizations": {
        // "editor.background": "#5a5757", //背景颜色 代码看得清楚
        "statusBar.border": "#2bff00",
        "titleBar.border": "#ff0000",
        "activityBar.background": "#1f1d1d", //右侧图标栏背景颜色
        "sideBar.background": "#4e4747a9", //插件扩展区背景颜色
        "activityBar.foreground": "#ff0303", //侧边图标变红
        "sideBar.foreground": "#f0eae9e0", // 资源管理器栏稍微背景颜色
        "sideBar.border": "#fcf805",
        // Scrollbar
        "scrollbarSlider.background": "#eef77d", //侧滚动条更明显
        "scrollbarSlider.hoverBackground": "#a00f0f",
        "scrollbarSlider.activeBackground": "#ff0000",
        "scrollbar.shadow": "#ff0000",
        "statusBar.background": "#5c0000", //下边栏增强对比
        "contrastActiveBorder": "#ff0000", //选文件的时候加个红边框 选的更准
        "editor.wordHighlightBackground": "#063ef7", //修改选择相同代码后的颜色
        "editor.selectionHighlightBackground": "#636161", //所选内容区域颜色
        "editorOverviewRuler.addedForeground": "#25f809e7",
        "editorOverviewRuler.modifiedForeground": "#f5070700",
        "editorOverviewRuler.deletedForeground": "#e41a1a00",
        // Gutter (same as tweaking scm.diffDecorations?)
        "editorGutter.addedBackground": "#f36d6d00",
        "editorGutter.modifiedBackground": "#0cf74700",
        "editorGutter.deletedBackground": "#20f50c00",
        "editor.selectionBackground": "#e41fda7e", //选中高亮
        // "editor.background": "#0000", //背景颜色
        "editorLineNumber.foreground": "#ddc8c8", // 标尺
        "editorRuler.foreground": "#3f3f3f", // 快捷提示窗口
        "editorSuggestWidget.highlightForeground": "#f0f7efa2",
        "editorSuggestWidget.selectedBackground": "#333f5c",
        "editor.renderLineHighlight": "all", // 当前行对应的行号栏也高亮显示
        // "editor.selectionHighlightBorder": "#90e97259",
        // terminal 中的光标
        "terminalCursor.foreground": "#bbc0bab9",
        // 侧边栏中一块区域的标题
        "sideBarSectionHeader.background": "#32363d",
        // 区域获取焦点时
        "focusBorder": "#5b99fc36",
        "peekView.border": "#5b99fc9c", // peek 窗口
        // 侧边栏资源管理器列表
        "list.inactiveSelectionBackground": "#32363d",
        "list.inactiveSelectionForeground": "#dfdfdf",
        "list.hoverBackground": "#494b48", //文件名背景颜色
        "list.hoverForeground": "#f8096d", //文件名颜色
        // 顶部 tab 栏
        "tab.border": "#5ef324",
        "tab.activeBackground": "#40443e", //当前选项卡背景颜色 
        "tab.activeForeground": "#f31e1e", //当前选项卡背景颜色
        "tab.activeBorder": "#5b99fcb9",
        "tab.hoverBackground": "#2e2e2e",
        "tab.hoverBorder": "#5b99fcb9",
        "tab.inactiveForeground": "#8e8e8e",
        "editor.fontSize": 16, // 字号
        "editor.fontFamily": "Axure Handwriting, 'Courier New', monospace,华文新魏", // 字体
    },
    // 隐藏最左侧的工具栏
    // "workbench.activityBar.visible": false,
    "editor.tokenColorCustomizations": {
        "comments": "#3ef047", //注释
        "keywords": "#92e8f3", // 关键字
        "variables": "#fc09ab", // 变量名
        "strings": "#eca50bbd", // 字符串
        "functions": "#15e7d9c9", // 函数名
        "numbers": "#b5a2da", // 数字
        "types": "#f183e2", //代表着类型的颜色;
        "punctuation": "#f183e2",
        "parameter": "#f183e2",
        "operator":"#f183e2",
        "class": "#f183e2",
        "character":"#f183e2",
        

    },
    "[json]": {
        "editor.quickSuggestions": {
            "strings": true
        },
        "editor.suggest.insertMode": "replace"
    },
    "editor.fontSize": 16,
}

你可能感兴趣的:(vscode,vscode界面设置,vscode颜色字体设置)