【问题标题】:How to change environment's font size?如何更改环境的字体大小?
【发布时间】:2016-02-15 13:51:06
【问题描述】:

有没有办法在 Visual Studio Code 中更改环境字体大小?诸如 IntelliSense 框、调试面板、文件名等的东西。

我知道如何更改编辑器的字体大小,但我不知道如何更改环境字体大小。所以我想知道你是否可以以某种方式改变它。

【问题讨论】:

  • 所有这些答案也会改变编辑器的字体大小。如何在没有编辑器的情况下更改环境字体大小?
  • 令人惊讶的是有多少非答案被投票。在这里找不到对 OP 问题的答案。然而,对于 OP 提出的完全相同但又不同的问题,许多人重复了相同的答案。
  • 没有回答实际问题而是如何更改字体大小的帖子数量惊人
  • 使用 CTRL+ 和 CTRL- 来缩放 IDE,您不必寻找设置...对于阅读以下答案后阅读此内容的人...
  • 用户 Arleme 终于在 2021 年 7 月 16 日发布了解决问题的正确方法。您必须手动修改 c:/Users/<username>/AppData/Local/Programs/Microsoft%20VS%20Code/resources/app/out/vs/workbench/workbench.desktop.main.css 文件。看起来 vscode 的不同部分在不同的地方定义了它们的字体大小。此外,增加 font-size 不会增加 padding 或 line height,所以仅仅增加 font-size 是不够的。 MS 需要为此开发一个设置。

标签: visual-studio-code vscode-settings


【解决方案1】:

目前无法在编辑器之外更改字体系列或大小。但是,您可以在 View 菜单中放大和缩小整个用户界面。

我们的 VS Code 1.0 版本更新:

新引入的设置window.zoomLevel 允许永久保持缩放级别!它可以有负值和正值来放大或缩小。

【讨论】:

  • 如果您缩小并想知道为什么光标消失了,请检查您是否将其设置为“细线”。将其设置为“线”将纠正问题,至少缩小到 60%。
  • 窗口缩放有一个缺点,它可以在终端触发“模糊字体”例如:github.com/microsoft/vscode/issues/84194
  • 使用 CTRL+ 和 CTRL- 来缩放 IDE,你不必寻找设置...
【解决方案2】:

只需将"editor.fontSize": 18 复制到编辑器的setting.json 中即可。

Control+Shift+P 然后键入“设置”,您可以轻松找到用户或工作区设置文件。

【讨论】:

  • 这很好用,但与 OP 想要的不一样,不仅可以在文本编辑器中调整整个内容的大小
  • @StepanSuvorov 在下面看到我的新答案,我知道它来晚了,干杯!
  • @randomguy04 仍然没有在您的答案中看到更改大小的快捷方式
  • 这对我有用,我只想增加打开文件的字体大小,而不是侧边栏,所以我做了上述操作并将增加字体大小设置为定义的热键。
【解决方案3】:

截至 2017 年中要快速访问设置文件,请按 ctrl + shift + p 并输入settings,在那里你会找到用户设置和工作区设置,注意工作区设置会覆盖用户设置,所以最好直接使用后者来使其成为全局更改(工作区设置将在您的项目根目录中创建一个文件夹),从那里您可以选择将选项 "editor.fontSize": 14 添加到您的设置中作为快速建议,但您可以自己执行并将值更改为您喜欢的字体大小。

总结一下:

  1. ctrl + shift + p

  2. 选择“用户设置”

  3. 添加"editor.fontSize": 14

【讨论】:

  • 这不能回答 OP 的问题。 OP 特别要求更改环境字体大小,而不是编辑器字体。
  • 感谢@Chris 的反馈,但我确实认为它回答了问题并提供了必要的信息。如果您希望每个环境都有它,请更改工作区设置而不是用户设置,并且您的特定环境设置将保留在 .vscode 文件夹中
  • OP 要求 environment,就像 GUI 中不在文本编辑器中的所有内容一样,Stuff like IntelliSense box, debug panel, file names, etc。我可能是错的,但我不认为 OP 指的是你正在谈论的环境
【解决方案4】:

在 Visual Studio Code 中,通过按 Ctrl+Ctrl- 可以更改整体字体大小IDE 的。 这比在每个会话中更改设置更快。 希望对你有帮助...

【讨论】:

  • 注意,这会修改用户设置 "window.zoomLevel": 1,
  • 在最新版本中,放大为Ctrl + =
【解决方案5】:

在按@Edwin 建议的 Control+Shift+P 后:

  1. 查找工作区设置:

  1. 然后“将您的设置放在文件右侧以覆盖...默认和用户设置”,或者单击 UserSettings 选项卡调整 window.zoomLevel(如果这是所需的操作)。

【讨论】:

    【解决方案6】:

    我的设置为"editor.fontSize": 12,

    保存文件,你会看到效果。

    享受吧!

    【讨论】:

    • 这不是我们要求的
    【解决方案7】:

    截至目前(2018 年 3 月)和 1.21.0 版,您可以前往“设置”,搜索“缩放”并将默认为 false 的 "editor.mouseWheelZoom": false 更改为 true。这将允许使用控制按钮和鼠标放大/缩小 VS Code - ctrl + scrollUp/scrollDown。要更改 VS Code 的整体工作空间/屏幕的fontSize,请参阅上面 Alegozalves 的回答。

    【讨论】:

      【解决方案8】:

      在 Visual Studio 工作环境中更改字体大小的简单方法:

      Go To : File -> Preferences -> Settings OR Press CTRL+, 即CTRL + COMMA .

      这将打开 settings.json

      你可以在那里看到 3 个标签:

      1. 用户设置
      2. 工作区设置
      3. 文件夹设置

      转到用户设置并添加:

      {
      "editor.fontSize": 16
      }
      

      现在只需保存并关闭文件。

      在上面的代码中,16代表字体大小。随心所欲的增加减少。

      【讨论】:

        【解决方案9】:

        您可以从“视图”菜单放大和缩小整个用户界面。

        现在我正在使用 1.21.1 版,在 查看菜单 中,您可以获得放大和缩小选项,这是倒数第二个和第三个选项. 您可以使用 Ctrl + +Ctrl + - 来完成。

        您可以随时通过选择重置缩放选项重置缩放。

        【讨论】:

        • 这里整个用户界面指的是VSCode编辑器。
        • 是的,它可以缩放整个窗口,如果你有一个高分辨率屏幕,这是完美的
        【解决方案10】:

        尝试使用以下用户设置的组合:

        {
          "editor.fontSize": 18,
          "window.zoomLevel": 1.5,
        }
        

        【讨论】:

        • 这应该被添加到接受的答案中。非常简洁明了
        • "window.zoomLevel": 1.5 对我这种老家伙来说是个很好的选择
        • 这里所有不好的答案都有大量的赞成票,这终于是正确的方法了。
        • 如果您希望文本更小,请选择负数:"window.zoomLevel": -0.5
        【解决方案11】:

        根据 1.2 版本的更新日志,添加了新的命令来仅放大和缩小字体,而不是整个 UI。

        更新日志:https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

        使用以下键绑定替换默认的全局缩放操作:

        在 macOS 上:

        { "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
        { "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
        { "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
        { "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
        { "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
        { "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
        { "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
        { "key": "cmd+0",               "command": "editor.action.fontZoomReset" },
        

        在 Windows 和 Linux 上:

        { "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
        { "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
        { "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
        { "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
        { "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
        { "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
        { "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
        { "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },
        

        【讨论】:

          【解决方案12】:

          同时按下CtrlShiftP,会出现一个菜单,搜索Editor Zoom in。 选择后,字体会在一定程度上变大。

          重复此操作,直到达到所需的字体大小。

          【讨论】:

            【解决方案13】:

            Ctrl 并使用鼠标滚轮放大缩小

            【讨论】:

            • 您可以从“视图”菜单中放大和缩小整个用户界面。但问题是如何更改字体大小
            【解决方案14】:

            (Windows 7 上的 VS Code 1.33.1)

            全部缩放(UI 和编辑器):CTRL + +、CTRL + -

            缩放编辑器:CTRL + 鼠标滚轮。

            请看下面我是如何修复它的。

            正如@Edwin 所建议的那样:按 Control+Shift+P 然后键入“设置”,您可以轻松找到用户或工作区设置文件。

            我的设置文件在这里:“C:\Users\You_user\AppData\Roaming\Code\User\settings.json”

            我的文件如下所示:

            {
                "editor.fontSize": 12,
                "editor.suggestFontSize": 6,
                "markdown.preview.fontSize": 0,
                "terminal.integrated.fontSize": 10,
                "window.zoomLevel": 0,
                "workbench.sideBar.location": "left",
                "editor.mouseWheelZoom": true
            }
            

            【讨论】:

              【解决方案15】:

              Visual Studio 代码(版本:1.36.1),编辑器中有很多改变字体大小的选项

              选项 1:

              转到:文件 > 首选项 > 设置 > 选择用户标签> 文本编辑器 > 字体 > 字体大小

              字体大小:根据您的要求更改字体大小(以像素为单位)


              选项 2:

              Ctrl + P

              搜索:settings.json,打开文件并在settings.json文件中添加这一行:

              {
                  "editor.fontSize": 20
              }
              

              注意:修改后保存文件


              选项 3:

              Ctrl + Shift + P

              搜索:编辑器字体放大

              • 只要点击它,你的字体就会变大

              搜索:编辑器字体缩小

              • 只要点击它,你的字体就会变小

              【讨论】:

              • 这是第五个答案,没有以同样的方式回答问题
              【解决方案16】:

              当我的代码窗口变大时,我花了很长时间才弄清楚我不小心做了什么:

              缩小 = Ctrl + Shift + ,(逗号)

              放大 = Ctrl + Shift + .(句号/句号)

              实际上根本不是对已发布问题的答案,但我认为像我这样的人会因为症状而最终来到这里!

              【讨论】:

                【解决方案17】:

                在 Visual Studio Code 中,可以从“设置”选项卡轻松更改字体大小。

                最简单的方法是按 Ctrl + Shift + P 然后输入 'Settings '。这将显示一些结果。选择“设置(UI)”。设置选项卡将在编辑器中打开。现在您可以从这里更改字体设置。这只会影响编辑器的字体。

                或者,您也可以单击窗口左下角的设置图标并从那里搜索字体。

                为了改变整个环境的字体大小,可以考虑按ctrl++。这就像放大整个环境一样,导致字体大小增加。

                【讨论】:

                  【解决方案18】:
                  1. 打开 VS 代码
                  2. 键入命令CTRL + SHFT + P
                  3. 输入设置
                  4. 设置文件将打开。
                  5. 现在在用户 > 文本编辑器 > 字体下,找到 字体大小
                  6. 输入您想要的字体大小

                  就是这样。

                  【讨论】:

                  • 这不是问题所在。这是关于环境字体(菜单等),而不是文本编辑器字体。
                  • 这不是问题所在。您是在告诉我们如何配置编辑器字体大小,而不是环境/shell 字体大小。
                  【解决方案19】:

                  文件 --> 首选项 --> 设置 --> 用户 --> 字体 --> 字体大小 输入字体大小。 您可以将这些设置与您的 Git Hub 或 Microsoft TFS 同步。

                  https://code.visualstudio.com/docs/getstarted/settings

                  【讨论】:

                  • 请重新阅读问题。问题是关于更改整个环境的字体大小,而不仅仅是编辑器(他们还说他们已经知道如何更改编辑器字体大小),后者已经在多个先前的答案。
                  【解决方案20】:

                  有一个设置window.zoom,可以放大整个窗口内容,包括顶部菜单和侧导航树。在 4k 显示器上将此设置为 1 会使内容类似于具有相同物理尺寸的 1080p 显示器。

                  【讨论】:

                    【解决方案21】:

                    如果你真的想改变环境的字体,编辑里面的css

                    c:/Users/etech/AppData/Local/Programs/Microsoft%20VS%20Code/resources/app/out/vs/workbench/workbench.desktop.main.css
                    

                    只需将自定义 CSS 放在文件末尾即可:

                    body{
                       font-size : 15px !important
                    }
                    

                    【讨论】:

                    • 这是最接近正确的答案。您必须修改workbench.desktop.main.css文件以增加环境字体。
                    猜你喜欢
                    • 1970-01-01
                    • 1970-01-01
                    • 2019-02-19
                    • 2011-09-24
                    • 2015-12-09
                    • 2012-10-27
                    • 2015-02-05
                    • 1970-01-01
                    • 1970-01-01
                    相关资源
                    最近更新 更多