精华内容
下载资源
问答
  • 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”(下划线)
    也可以是空字符,相当于常规字体样式。

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

    千次阅读 2020-08-05 18:28:35
    设置vscode的终端颜色字体设置 code-> preferences -> setting --> 搜索workbench 选择第二个 workbench.colorCustomizations 修改 edit in setting.json 添加如下内容(只需要添加一对key, value即可)...

    设置vscode的终端颜色,字体的设置

    1. code-> preferences -> setting --> 搜索workbench
    2. 选择第二个 workbench.colorCustomizations 修改 edit in setting.json
    3. 添加如下内容(只需要添加一对key, value即可)
     "workbench.colorCustomizations": {
            "terminal.background": "#181818",
            "terminal.foreground": "#26e045",
            "terminalCursor.background": "#D8D8D8",
            "terminalCursor.foreground": "#D8D8D8",
            "terminal.ansiBlack": "#181818",
            "terminal.ansiBlue": "#7CAFC2",
            "terminal.ansiBrightBlack": "#585858",
            "terminal.ansiBrightBlue": "#7CAFC2",
            "terminal.ansiBrightCyan": "#86C1B9",
            "terminal.ansiBrightGreen": "#A1B56C",
            "terminal.ansiBrightMagenta": "#BA8BAF",
            "terminal.ansiBrightRed": "#AB4642",
            "terminal.ansiBrightWhite": "#F8F8F8",
            "terminal.ansiBrightYellow": "#F7CA88",
            "terminal.ansiCyan": "#86C1B9",
            "terminal.ansiGreen": "#A1B56C",
            "terminal.ansiMagenta": "#BA8BAF",
            "terminal.ansiRed": "#AB4642",
            "terminal.ansiWhite": "#D8D8D8",
            "terminal.ansiYellow": "#F7CA88",
            "terminal.integrated.cursorBlinking": true,
            "terminal.integrated.lineHeight": 1.6,
            "terminal.integrated.letterSpacing": 0.1,
            "terminal.integrated.fontSize": 30, //字体大小设置
            "terminal.integrated.fontFamily": "Lucida Console", //字体设置
            "terminal.integrated.shell.linux": "/bin/zsh",
        },
    

    其它的颜色设置参考(颜色设置)[https://glitchbone.github.io/vscode-base16-term/#/default-dark]

    vscode 首页可以自定义颜色风格

    customize --> color theme --> 打开颜色面板 --》我选的是Monokai

    展开全文
  • 主要介绍了vscode设置Fira_Code字体及改变编辑器字体、背景颜色,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • vscode设设置置Fira_Code字字体体及及改改变变编编辑辑器器字字体体背背景景颜颜色色的的代代码码详详解解 这篇文章主要介绍了vscode设置Fira_Code字体及改变编辑器字体背景颜色本文通过实例代码给大家介绍的非 常...
  • 一、设置Fira_Code字体 1.下载字体 这里给出github下载链接,点击链接后在README.md中的Download & Install一栏中即可下载,链接中也包括字体示例及介绍,可自行查看。 Fira_Code字体下载 2,安装字体 下载并...

    一、设置Fira_Code字体

    1.下载字体
    这里给出github下载链接,点击链接后在README.md中的Download & Install一栏中即可下载,链接中也包括字体示例及介绍,可自行查看。
    Fira_Code字体下载

    2,安装字体
    下载并解压,进入里面的ttf文件夹,双击或右击后点击安装,里面包含六种样式,可以选择性安装或全安装即可。

    3,设置vscode
    打开vscode,点击左下角齿轮形状图标,选择settings,得到下图所示界面:
    设置
    根据上图箭头所示依次点击Font,Edit in settings.json,添加如下代码:

    "editor.fontFamily": "'Fira Code',Menlo, Monaco, 'Courier New', monospace",
    "editor.fontLigatures": true,
    
    • 注:如果添加到{}里的最后面,则需去掉true后面的逗号
    • 如果不想使用连字,则将true改为false (什么是连字可自行百度,这里举个例子,c语言中!=使用连字后则会显示≠)

    二、设置字体颜色

    可以通过更换主题来改变字体颜色,这里推荐几款比较经典的主题,供大家选择。

    • One Dark Pro Italic
    • Material Theme
    • One Dark Pro
    • Darker One

    直接在vscode左侧Extensions中搜索安装即可使用,如果想要尝试其他主题,可输入 One 进行搜索,众多主题总有一款适合你。


    三、设置编辑器背景颜色及光标所在行的颜色

    之前习惯用黑色背景,可是改变主题后背景往往会发生改变,可以通过设置自定义背景颜色。
    按照上面的步骤打开settings.json,添加以下设置:

       
        "workbench.colorCustomizations": {                              //覆盖当前所选颜色主题的颜色
           
            "editor.background": "#030202",                             //编辑器背景色
    
            "editor.selectionBackground": "#6b5244",                    //用户选中代码段的颜色 
           
            "editor.findMatchBackground": "#ff0000",                    //当前搜索匹配的颜色
           
            "editor.findMatchHighlightBackground": "#ff00ff",           //其他搜索匹配项的颜色
        
            "editor.findRangeHighlightBackground": "#ff9900",           //限制搜索范围的颜色
        
            "editor.lineHighlightBackground": "#48314e",                //光标所在行高亮内容的背景颜色
          
            "editor.lineHighlightBorder": "#704b36"                     //光标所在行四周边框的背景颜色
        },
    

    下面放出效果图,读者可自定义自己喜欢的颜色。
    示例

    END!

    展开全文
  • 1.现在vscode的左下角找到如下图按钮,并点击 2.在输入框输入json,找到并进入settings.json这个文件中 3.进入并添加如下一段就ok了 //我只是想修改注释文字,所以只添加这段,底下的可以自行选择 "editor....

    1.现在vscode的左下角找到如下图按钮,并点击
    在这里插入图片描述
    2.在输入框输入json,找到并进入settings.json这个文件中
    在这里插入图片描述
    3.进入并添加如下一段就ok了
    在这里插入图片描述

    //我只是想修改注释文字,所以只添加这段,底下的可以自行选择
     "editor.tokenColorCustomizations": {
        "comments": "#82e0aa", // 注释
        "keywords": "#0a0", // 关键字
        "variables": "#f00", // 变量名
        "strings": "#e2d75dbd", // 字符串
        "functions": "#5b99fcc9", // 函数名
        "numbers": "#AE81FF" // 数字
      }
    
    展开全文
  • 看注释可以自定义设置喜欢的颜色。 { //设置用户选中代码段的颜色 "workbench.colorCustomizations": { // "editorBracketMatch.background": "#f511bc",//匹配括号的背景色 "editorCursor.foreground":
  • vscode侧边栏字体颜色设置(每个部分的颜色都可以自己调) 首先我用的是Ayu插件,这个插件Dark主题的字体颜色什么的我都很喜欢,但是偏偏侧边栏以及底栏的字体和背景几乎颜色一模一样(区别度很小),这样在看的时候...
  • vscode中UI界面设置以及代码颜色字体设置 setting.json设置 { "editor.tabSize": 2, // tab必须是两格,漂亮 省地方 // "vim.disableAnnoyingNeovimMessage": true, "vim.useCtrlKeys": false, //这个不禁用就不...
  • vscode中控制台代码颜色设置

    千次阅读 2020-08-10 15:08:33
    设置vscode的终端颜色字体设置 code-> preferences -> setting --> 搜索workbench 选择第二个 workbench.colorCustomizations 修改 edit in setting.json 添加如下内容(只需要添加一对key, value即可)...
  • 不知道你使用vscode编辑器后,有没有自己设置过个性化的工作界面? 要是你已经具备自己满意的界面了,可以绕行,该篇为小白准备,让我们开启一段个性化的设置之旅 文章目录一,个性化颜色 ---->>>>>&...
  • vscode自定义注释字体样式

    千次阅读 2019-12-06 16:31:26
    vscode文件 => 首选项 => 设置 => 右上角点击打开设置(json), 追加一下一项: "comments": { // 设置字体样式 加粗 下划线 斜体等 "fontStyle": "", // bold italic underline // 设置字体颜色 ...
  • 开发工具VsCode的js字体总是白色的,没有颜色区分代码编写的时候看着很不方便,查看了很多教程,说是修改一下右下角的文件类型就可以 这样做可以,但是重新打开文件又要选择,很麻烦 其实只需要改一点代码就可以...
  • vscode常用插件

    2021-03-08 20:41:34
    1.vscode的中文包 ... 2.css代码提示 3.运行代码 ... 5.在vscode中查看图片 ...8.使颜色高亮 ...13.VsCode中的图标插件,可以控制vscode中的文件管理的树目录...14.vscode设置自动保存,及字体大小设置 15.vscode背景设置 ps
  • vscode因为主题颜色的更改,vim中光标的颜色显示会有差别,此处我的主题颜色是solarized Light,如果是深色的主题,比如纯黑色,不会有以下的问题 此时终端,用vim打开一个文本后光标显示效果如下,在字体上的时候...
  • vscode萌新setting详细配置文件 可直接复制,进入vscode文件中的setting替换 // 文件图标 "workbench.iconTheme": "vscode-icons", // vscode全局字体大小 ... // 设置vscode颜色主题 "workbench.
  • 支持字体大小,字体颜色#6a9955自定义 阅读进度显示以及自动记录 支持目录跳转 书架编辑 书架编辑 由于vscode安全策略,书架编辑请在插件安装目录 win:[C:\Users\ 你的用户名.vscode\extensions\renkun.reader\...
  • 支持字体大小,字体颜色#6a9955自定义 阅读进度显示以及自动记录 支持目录跳转 书架编辑 书架编辑 由于vscode安全策略,书架编辑请在插件安装目录 win:[C:\Users\ 你的用户名.vscode\extensions\renkun.reader\book]...
  • vscode 扩展↓ 用户设置 Auto Close Tag 自动补全 background 背景图 Beautify 美化代码(将一行代码编程嵌套) Color Info 显示css颜色块 HTML Boilerplate 标准HTML样板代码 minify 用F1 缩小为单个文件 , 保存为...
  • VSCode使用总结

    万次阅读 2018-07-14 21:25:58
    官网:https://code.visualstudio.com/简介VSCode是微软出的一款轻量级代码编辑器,免费而且功能...一、设置首选项下载安装完成后,打开编辑器,首先要设置主题、字体大小等。1. 设置主题文件→首选项→颜色主题2...
  • 今天在写leetcode题的时候,因为刚刚开始刷题,做完几道题准备用中文注释记录一下自己当时的解体思路时,却发现自己用的Material Theme的主题默认的中午注释的字体颜色和背景基本上差不多,而且又是斜体,更加增加...
  • VSCode个人配置记录

    千次阅读 2018-01-09 09:43:22
    VSCode个人配置记录 字体大小 git 颜色主题 文件自动保存 newfile 开启插件powermode 设置powermode动效类型 { "editor.fontSize": 17, "git.ignoreLegacyWarning": true, "workbench.colorTheme": "Monokai...

空空如也

空空如也

1 2 3
收藏数 59
精华内容 23
关键字:

vscode设置字体颜色