精华内容
下载资源
问答
  • 看注释可以自定义设置喜欢的颜色。 { //设置用户选中代码段的颜色 "workbench.colorCustomizations": { // "editorBracketMatch.background": "#f511bc",//匹配括号的背景色 "editorCursor.foreground":

    1.打开VS Code编辑器,在编辑器中设置。根据以下步骤,打开settin.json文件。
    在这里插入图片描述
    2.在json文件中若有代码覆盖即可没有代码直接添加下面代码。看注释可以自定义设置喜欢的颜色。

    {
        //设置用户选中代码段的颜色
        "workbench.colorCustomizations": {
            // "editorBracketMatch.background": "#f511bc",//匹配括号的背景色
            "editorCursor.foreground": "#fa1010",//编辑器光标颜色
            // "activityBar.background":"e4393c",//活动栏背景色
            // "activityBar.foreground":"#01cd78",//活动栏前景色,图标颜色
            // "editor.background":"#e4393c",//编辑器背景颜色
            // "editor.findMatchBackground":"#e4393c",//搜索项颜色
            // "editor.findMatchHighlightBackground":"#01cd78",//其他搜索项颜色
            // "editor.lineHighlightBackground":"#e4393c",//光标所在行高亮文本的背景颜色
            "editor.selectionBackground": "#710de4",//编辑器所选内容的颜色
            // "editor.selectionHighlightBackground": "#01cd78",//与所选内容具有相同内容的区域颜色
            // "editor.rangeHighlightBackground": "#e4393c",//突出显示范围的背景颜色,例如 "Quick Open" 和“查找”功能
            // "editorGutter.background": "#01cd78",//编辑器导航线的背景色,导航线包括边缘符号和行号
            "editorLineNumber.foreground": "#0fe6d4",//编辑器行号颜色
            // // "sideBar.background": "#01cd78",//侧边栏背景色
            // "sideBar.foreground": "#01cd78",//侧边栏前景色
            // "sideBarSectionHeader.background": "#01cd78",//侧边栏节标题的背景颜色
            // "statusBar.background": "#01cd78",//标准状态栏背景色
            // "statusBar.noFolderBackground": "#01cd78",//没有打开文件夹时状态栏的背景色
            // "statusBar.debuggingBackground": "#01cd78",//调试程序时状态栏的背景色
            // "tab.activeBackground": "#01cd78",//	活动选项卡的背景色
            // "tab.activeForeground": "#01cd78",//	活动组中活动选项卡的前景色
            // "tab.inactiveBackground": "#01cd78",// 非活动选项卡的背景色
            // "tab.inactiveForeground": "#01cd78",// 活动组中非活动选项卡的前景色
     
            // "terminal.foreground":"#01cd78",
       },
        // 函数名等颜色
        "editor.tokenColorCustomizations":{
            // "textMateRules": [
            //     {
            //         "scope":"",
            //         "settings": {
            //             "foreground": "#FF0000",
            //             "fontStyle": "bold"
            //         }
            //     }
            // ],//规则与样式
            "functions": "#0d62b1",//函数颜色
            "strings": "#0fcf86",//字符串颜色
            "keywords": "#e7e410",//关键字颜色
            "types": "#9d12a1",//类型定义颜色
            "variables": "#1774df",//变量颜色
            "numbers": "#dd4719",//数字颜色
            "comments": "#9bf50bbb",//注释颜色
        },
        "vim.useCtrlKeys": false,
    
    
        "background.useFront": true,
        "background.useDefault": false, //是否使用默认图片
        "background.customImages": [
             "C:/Users/墨丿兮/Pictures/Camera Roll/qd7ord.png" //图片的路径
        ],
        "background.style": {
             "content": "''",
             "pointer-events": "none",
             "position": "absolute", //定位
             "width": "100%",
             "height": "100%",
             "z-index": "99999",
             "font-size":"26px",
             "background.repeat": "no-repeat", //是否重复
             "background-size": "25%,25%", //图片大小
             "opacity": 0.5 //透明度
        },
        
        
    
    
    
    
        "window.zoomLevel": 2,
        "[html]": {
            "editor.defaultFormatter": "vscode.html-language-features"
            // "editor.defaultFormatter": "vscode.html-language-features"
        },
        // "files.autoSave": "onFocusChange",
        // "workbench.colorTheme": "Quiet Light",
        "liveServer.settings.AdvanceCustomBrowserCmdLine": "",
        "better-comments.tags": [
    
    
    
    
            // {
            //     "tag": "!",
            //     "color": "#FF2D00",
            //     "strikethrough": false,
            //     "underline": false,
            //     "backgroundColor": "transparent",
            //     "bold": false,
            //     "italic": false
            // },
            // {
            //     "tag": "?",
            //     "color": "#3498DB",
            //     "strikethrough": false,
            //     "underline": false,
            //     "backgroundColor": "transparent",
            //     "bold": false,
            //     "italic": false
            // },
            // {
            //     "tag": "//",
            //     "color": "#474747",
            //     "strikethrough": true,
            //     "underline": false,
            //     "backgroundColor": "transparent",
            //     "bold": false,
            //     "italic": false
            // },
            // {
            //     "tag": "todo",
            //     "color": "#FF8C00",
            //     "strikethrough": false,
            //     "underline": false,
            //     "backgroundColor": "transparent",
            //     "bold": false,
            //     "italic": false
            // },
            // {
            //     "tag": "*",
            //     "color": "#98C379",
            //     "strikethrough": false,
            //     "underline": false,
            //     "backgroundColor": "transparent",
            //     "bold": false,
            //     "italic": false
            // }
        ],
        "background.enabled": false,
        "launch": {
        
    
    
        
            "configurations": [],
            "compounds": []
        },
        "git.ignoreWindowsGit27Warning": true,
        "files.autoSave": "onFocusChange",
        "liveServer.settings.CustomBrowser": "chrome",
        "editor.codeActionsOnSave": null,
        "liveServer.settings.donotShowInfoMsg": true,
        "[javascript]": {
            "editor.defaultFormatter": "vscode.typescript-language-features"
        },
        // "editor.colorDecorators": true
    }
    

    3、自己修改的颜色对比在这里插入图片描述

    展开全文
  • VSCode改变字体颜色

    2021-04-29 16:42:05
    VSCode改变字体颜色 Visual Studio Code: V1.55.2 1. 打开命令面板(ctrl+shift+P)输入settings打开settings.json 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了...

    VSCode改变字体颜色

    Visual Studio Code: V1.55.2

    1. 打开命令面板(ctrl+shift+P)输入settings打开settings.json

    在里面添加如下代码

        "editor.tokenColorCustomizations": {
            "comments": "#aa00ee", // 注释
            "keywords": "#0a0", // 关键字
            "variables": "#f00", // 变量名
            "strings": "#e2d75dbd", // 字符串
            "functions": "#5b99fcc9", // 函数名
            "numbers": "#AE81FF" // 数字
        },
    

    也可高级设置

    "editor.tokenColorCustomizations": {
            "textMateRules": [
                {
                    "scope": "comment",//注释
                    "settings": {
                        "fontStyle": "italic",//样式
                        "foreground": "#aa00ee"//颜色
                    }
                }
            ]
        },
    

    样式有"italic"(斜体)
    “bold”(粗体)
    “underline”(下划线)
    也可以是空字符,相当于常规字体样式。

    展开全文
  • PS:本文持续更新ing数据分析师(BI)的coding语言主要为SQL/Python/Shell,所以分析师90%的代码量都是在编辑器里完成...不废话,上效果图设置颜色主题(Color Theme):Flatland Monokai Theme(PS:sublime后遗症...

    PS:本文持续更新ing

    数据分析师(BI)的coding语言主要为SQL/Python/Shell,所以分析师90%的代码量都是在编辑器里完成的。工欲善其事,必先利其器,把VSCode酱调教得养眼、顺心又懂事非常的重要。本文分享一波适合BI的VSCode配置,简单且简约。

    不废话,上效果图

    347a47201eefeb465fe43abe4eb1f37c.png

    设置

    颜色主题(Color Theme):Flatland Monokai Theme(PS:sublime后遗症)

    图标(Icon Theme):VSCode Great Icons

    字体大小(Font Size):14

    字体(editor.fontFamily):Menlo, 'Courier New', monospace(PS:瑕疵是中英文括弧区分不明显,找一个完美的字体太NaN了)

    分隔符(Word Separators):`~!@#$%^&*()-=+[{]}|;:'",.<>/?“”——:()《》~!?。,、

    状态栏颜色:#333333

    Seed Search String From Selection:false(禁用自动填充查找关键词)

    扩展

    Python

    Chinese

    tabNine(PS:巨占内存)

    Settings Sync

    settings.json

    {
        /***      外观偏好      ***/
        "editor.fontSize": 14, // 字体大小
        "editor.fontFamily": "Menlo, 'Courier New ', monospace", // 字体
        "editor.minimap.enabled": false, // 隐藏右边小地图
        "workbench.iconTheme": "vscode-great-icons", // 图标
        "workbench.colorTheme": "Flatland Monokai", // 主题
        "workbench.colorCustomizations": {
            "statusBar.background" : "#333333", // 修改底部bar颜色
            "statusBar.noFolderBackground" : "#0A0A0D",
            "statusBar.debuggingBackground": "#511f1f",
            "editor.selectionBackground": "#135564", // 选中高亮颜色
            "editor.selectionHighlightBackground": "#135564",
            "tab.activeBorder": "#FFA000", // 标签页底边颜色
        },
    
        /***      编码偏好      ***/
        "editor.wordSeparators": "`~!@#$%^&*()-=+[{]}|;:'",.<>/?“”——:()《》~!?。,、",// 增加中文字符串分隔符
        "editor.acceptSuggestionOnEnter": "smart",
        "editor.detectIndentation": false, // 关闭tab自动检测
        "editor.suggestSelection": "first",
        "editor.occurrencesHighlight": false, // 取消单击匹配高亮
        "python.jediEnabled": false,
        
        /***      其他偏好      ***/
        "editor.find.seedSearchStringFromSelection": false, // 禁用查找关键词的自动填充
        "sync.gist": "*****7acae6e07224bc90d64b93*****",
    }

    快捷键

    删除acceptSelectedSuggestion快捷键

    修改redo快捷键为command+y

    // 将键绑定放在此文件中以覆盖默认值
    [
        {
            "key": "tab",
            "command": "-acceptSelectedSuggestion",
            "when": "suggestWidgetVisible && textInputFocus"
        },
        {
            "key": "cmd+y",
            "command": "redo",
            "when": "textInputFocus && !editorReadonly"
        },
        {
            "key": "shift+cmd+z",
            "command": "-redo",
            "when": "textInputFocus && !editorReadonly"
        }
    ]

    常用快捷键(mac版)

    option+单击 与 option+双击 与 shift+单击 与 shift+option+单击

    command+⬆️⬇️⬅️➡️

    option+⬅️➡️

    command+D 与 command+L 与command+shift+L

    command+N 与 command+S 与shift+command+T

    command+F 与 command+G

    shift+command+P

    展开全文
  • PS:本文持续更新ing数据分析师(BI)的coding语言主要为SQL/Python/Shell,所以分析师90%的代码量都是在编辑器里完成...不废话,上效果图设置颜色主题(Color Theme):Flatland Monokai Theme(PS:sublime后遗症...

    PS:本文持续更新ing

    数据分析师(BI)的coding语言主要为SQL/Python/Shell,所以分析师90%的代码量都是在编辑器里完成的。工欲善其事,必先利其器,把VSCode酱调教得养眼、顺心又懂事非常的重要。本文分享一波适合BI的VSCode配置,简单且简约。

    不废话,上效果图

    a4061b6c58ea409e3fe7799fcbd93021.png

    设置

    颜色主题(Color Theme):Flatland Monokai Theme(PS:sublime后遗症)

    图标(Icon Theme):VSCode Great Icons

    字体大小(Font Size):14

    字体(editor.fontFamily):Menlo, 'Courier New', monospace(PS:瑕疵是中英文括弧区分不明显,找一个完美的字体太NaN了)

    分隔符(Word Separators):`~!@#$%^&*()-=+[{]}|;:'",.<>/?“”——:()《》~!?。,、

    状态栏颜色:#333333

    Seed Search String From Selection:false(禁用自动填充查找关键词)

    扩展

    Python

    Chinese

    tabNine(PS:巨占内存)

    Settings Sync

    settings.json

    {
        /***      外观偏好      ***/
        "editor.fontSize": 14, // 字体大小
        "editor.fontFamily": "Menlo, 'Courier New ', monospace", // 字体
        "editor.minimap.enabled": false, // 隐藏右边小地图
        "workbench.iconTheme": "vscode-great-icons", // 图标
        "workbench.colorTheme": "Flatland Monokai", // 主题
        "workbench.colorCustomizations": {
            "statusBar.background" : "#333333", // 修改底部bar颜色
            "statusBar.noFolderBackground" : "#0A0A0D",
            "statusBar.debuggingBackground": "#511f1f",
            "editor.selectionBackground": "#135564", // 选中高亮颜色
            "editor.selectionHighlightBackground": "#135564",
            "tab.activeBorder": "#FFA000", // 标签页底边颜色
        },
    
        /***      编码偏好      ***/
        "editor.wordSeparators": "`~!@#$%^&*()-=+[{]}|;:'",.<>/?“”——:()《》~!?。,、",// 增加中文字符串分隔符
        "editor.acceptSuggestionOnEnter": "smart",
        "editor.detectIndentation": false, // 关闭tab自动检测
        "editor.suggestSelection": "first",
        "editor.occurrencesHighlight": false, // 取消单击匹配高亮
        "python.jediEnabled": false,
        
        /***      其他偏好      ***/
        "editor.find.seedSearchStringFromSelection": false, // 禁用查找关键词的自动填充
        "sync.gist": "*****7acae6e07224bc90d64b93*****",
    }

    快捷键

    删除acceptSelectedSuggestion快捷键

    修改redo快捷键为command+y

    // 将键绑定放在此文件中以覆盖默认值
    [
        {
            "key": "tab",
            "command": "-acceptSelectedSuggestion",
            "when": "suggestWidgetVisible && textInputFocus"
        },
        {
            "key": "cmd+y",
            "command": "redo",
            "when": "textInputFocus && !editorReadonly"
        },
        {
            "key": "shift+cmd+z",
            "command": "-redo",
            "when": "textInputFocus && !editorReadonly"
        }
    ]

    常用快捷键(mac版)

    option+单击 与 option+双击 与 shift+单击 与 shift+option+单击

    command+⬆️⬇️⬅️➡️

    option+⬅️➡️

    command+D 与 command+L 与command+shift+L

    command+N 与 command+S 与shift+command+T

    command+F 与 command+G

    shift+command+P

    展开全文
  • vscode中终端字体颜色设置

    千次阅读 2020-08-05 18:28:35
    设置vscode的终端颜色字体的设置 code-> preferences -> setting --> 搜索workbench 选择第二个 workbench.colorCustomizations 修改 edit in setting.json 添加如下内容(只需要添加一对key, value即可)...
  • visual studio code是一款在...很多用户在这个软件发布之后就立刻下载了下来,在体验的过程中也有用户多次询问如何改变该软件的主题以及字体大小!由于每个用户对界面的好坏定义是不一样的,因此小编编写了一个设置v...
  • 以设置vue代码字体颜色高亮为例:首先打开vs code软件,然后点击左侧中的扩展功能,如下图所示: 在扩展功能窗口中输入Vetur,在搜索出的插件中选择第一个后面的Install,如下图所示: 安装成...
  • vscode 舒服的颜色字体

    万次阅读 2020-01-16 17:41:27
    用了很多种,发现onedark dark+ vivid最舒服,但直接搜onedark dark+ vivid搜不出来的, 要先搜onedark dark+,安装,然后会自动多一个onedark dark+ ...file icons字体还是排名前两个用的最多,我喜欢第二个vscod...
  • spyder整成vscode颜色方案

    千次阅读 2018-12-02 12:23:16
    今天用拾色器将spyder的主要颜色方案调成了vscode颜色布局。各个颜色值的设定如下图: 你可以创建一个新的scheme或者修改已有的scheme.主要就是调整color scheme editor里面各个颜色值。步骤3里面的#带6位字母...
  • 1.现在vscode的左下角找到如下图按钮,并点击 2.在输入框输入json,找到并进入settings.json这个文件中 3.进入并添加如下一段就ok了 //我只是想修改注释文字,所以只添加这段,底下的可以自行选择 "editor....
  • vscode侧边栏字体颜色设置(每个部分的颜色都可以自己调) 首先我用的是Ayu插件,这个插件Dark主题的字体颜色什么的我都很喜欢,但是偏偏侧边栏以及底栏的字体和背景几乎颜色一模一样(区别度很小),这样在看的时候...
  • 鉴于mdk默认背景白色,文本编辑不方便,故修改颜色配置成sublime效果,且调用vscode进行编辑。一、修改颜色配置把以下链接的三个mdk的配置文件放置到所在路径(我的路径为默认安装路径C:Keil_v5UV4)文件分享​share...
  • 主要介绍了vscode设置Fira_Code字体及改变编辑器字体、背景颜色,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • vscode设设置置Fira_Code字字体体及及改改变变编编辑辑器器字字体体背背景景颜颜色色的的代代码码详详解解 这篇文章主要介绍了vscode设置Fira_Code字体及改变编辑器字体背景颜色本文通过实例代码给大家介绍的非 常...
  • 一、设置Fira_Code字体 1.下载字体 这里给出github下载链接,点击链接后在README.md中的Download & Install一栏中即可下载,链接中也包括字体示例及介绍,可自行查看。 Fira_Code字体下载 2,安装字体 下载并...
  • vscode自定义注释字体样式

    千次阅读 2019-12-06 16:31:26
    vscode文件 => 首选项 => 设置 => 右上角点击打开设置(json), 追加一下一项: "comments": { // 设置字体样式 加粗 下划线 斜体等 "fontStyle": "", // bold italic underline // 设置字体颜色 ...
  • "[markdown]": { "editor.formatOnSave": true, "editor.renderWhitespace": "all", "editor.quickSuggestions": { "other": true, "comments": true, "strings": true }, "editor.acceptSuggestionOnEnter...
  • vscode中UI界面设置以及代码颜色字体设置 setting.json设置 { "editor.tabSize": 2, // tab必须是两格,漂亮 省地方 // "vim.disableAnnoyingNeovimMessage": true, "vim.useCtrlKeys": false, //这个不禁用就不...
  • vscode 自带字体明显让看久了以后并不是太舒服,所以个人认为比较舒服的字体颜色有onedark dark+ 之后继续安装插件onedark dark+ vivid 谁用谁知道,谁用谁看着爽
  • vscode中控制台代码颜色设置

    千次阅读 2020-08-10 15:08:33
    设置vscode的终端颜色字体的设置 code-> preferences -> setting --> 搜索workbench 选择第二个 workbench.colorCustomizations 修改 edit in setting.json 添加如下内容(只需要添加一对key, value即可)...
  • VSCode工具JS文件白色字体问题

    千次阅读 2019-01-03 00:23:53
    之前vscode工具导入一个项目,除了js文件字体全是白色的,其他文件都是彩色的, 然后换了主题颜色字体颜色js文件还是白色字体 看得眼睛很累 后来改了这个就可以了 把右下角改成javascript试试 ...
  • 不知道你使用vscode编辑器后,有没有自己设置过个性化的工作界面? 要是你已经具备自己满意的界面了,可以绕行,该篇为小白准备,让我们开启一段个性化的设置之旅 文章目录一,个性化颜色 ---->>>>>&...

空空如也

空空如也

1 2 3 4 5 6
收藏数 108
精华内容 43
关键字:

vscode字体颜色