如何在VS Code侧栏中更改字体大小？

Question

fontsize在User Settings窗口中查询仅产生以下设置:

• 编辑窗格,
• 建议小部件,
• 降价预览,
• 综合终端

如下所示:

做同样的sidebar事情会带来更差的结果:

在编辑器窗格和侧边栏中使用不同大小的字体看起来......让我们满意:不太好.我刚刚发现了这个很棒的工具的最大遗漏吗？

Answer 1

Mihai Chelaru的回答提供了一种方法,不仅可以调整侧边栏的字体大小.然而,如果您唯一感兴趣的是更改侧边栏字体大小的简单操作,那么这需要花费一些小小的价格,可能比您准备好的更多.所以这是一个更简单的解决方案.

只需分别用CTRL+ +或CTRL+ 缩放整个VS Code的UI,-然后调整我们在settings.json文件中控制的字体大小,即:

• editor.fontSize,
• editor.suggestFontSize,
• markdown.preview.fontSize,
• terminal.integrated.fontSize

所以一切都匹配.而已.

Answer 2

只想添加到讨论中，如果您设置：

"window.zoomLevel": "your number",

就我而言，我从零开始，您可以将其用作基线：

 "editor.fontSize": 14,
  "editor.tabSize": 2,
  "terminal.integrated.fontSize": 14,
  "window.zoomLevel": 0,
  "[Log]": {
    "editor.fontSize": 14
  },

然后进行调整，直到我感到高兴为止。希望这可以帮助！

Answer 3

一段时间以来，这一直是一项功能请求。简短的答案是现在没有VSCode设置，可用于自定义边栏字体大小。@lindesvard在同一个问题线程中提出了一个有问题的解决方法，该解决方案涉及使用Custom CSS和JS Loader扩展名加载到自定义CSS文件中，该文件会修改边栏样式（如果您愿意尝试的话）。

要使此工作正常进行，请遵循扩展详细信息中的“入门”部分，然后将URL添加到自定义文件中"vscode_custom_css.imports": [""]。（请注意，在Windows矿山如下所示："vscode_custom_css.imports": ["file:///C:\\dev\\vscode-styling.css"]）

以下是添加@PSVapour在后面的评论中提到的CSS的前后：

请注意，这也会影响命令调色板的字体。

Answer 4

除了@Mihai Chelaru 的回答之外，我还找到了另一个帮助我处理这个问题的插件。该插件的名称是CustomizeUI.

CustomizeUI依赖于Monkey Patch Extension在 VSCode 中注入自定义 javascript。这是我在settings.jsonMac 上使用的设置（在 中）：

"customizeUI.stylesheet": {
    ".explorer-viewlet .mac": "font-size: 1.2em !important; overflow: auto; border-left:none!important",
},

同样，这个插件不仅仅是改变侧边栏的字体大小。但是它比自定义 CSS 和 JS 加载器有一些小优势。喜欢：

• 它不会显示Unsupported在标题栏上，也不会显示任何错误消息，例如Your installation is corrupted.

• 每次更新 VS Code 时，您都不必重新加载设置。

Answer 5

您可以放大和缩小：

放大：

Ctrl++

缩小：

Ctrl+-