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

Question

在fontsize窗口中查询User Settings只会产生以下设置：

• 编辑器窗格
• 建议的小部件
• 降价预览，
• 集成终端

如下所示：

对sidebar执行相同操作会得到更差的结果：

在编辑器窗格和边栏外观中具有不同大小的字体...让我们解决：不太好。我是否刚刚发现了这个出色工具的最大遗漏？

Answer 1

Mihai Chelaru's answer提供了一种不仅仅是调整侧边栏字体大小的方法。但是，如果您唯一感兴趣的只是更改侧边栏字体大小的简单操作，则价格会稍微有些波动，可能超出您的承受能力。所以这是一个更简单的解决方案。

分别使用 CTRL + + 或 CTRL + -放大或缩小整个VS Code的UI然后调整字体大小，我们确实可以控制settings.json文件中的字体，即：

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

所以一切都匹配。就是这样。

Answer 2

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

btn-link

以我从零开始的情况，您可以将其用作基线：

"window.zoomLevel": "your number",

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

Answer 3

这已经是feature request了一段时间了。简短的答案是现在没有VSCode设置，可用于自定义边栏字体大小。 @lindesvard in the same issue thread提出了一种骇人的解决方法，其中涉及使用Custom CSS and JS Loader扩展名来加载自定义CSS文件，如果您愿意尝试的话，该文件会修改边栏样式。

要执行此操作，请遵循扩展详细信息中的“入门”部分，然后将自定义文件中的URL添加到"vscode_custom_css.imports": [""]数组中。 （请注意，在Windows上，我的看起来像这样："vscode_custom_css.imports": ["file:///C:\\dev\\vscode-styling.css"]）

以下是添加@PSVapour in a later comment所提到的CSS之前和之后的内容：

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

Answer 4

除了@Mihai Chelaru's answer之外，我还找到了另一个插件来帮助我解决此问题。插件的名称为CustomizeUI。

CustomizeUI 依靠Monkey Patch Extension在VSCode中注入自定义JavaScript。这是我在Mac上使用的设置（在settings.json中）：

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

同样，此插件的作用不只是更改边栏的字体大小。但与Custom CSS和JS Loader相比，它具有一些次要优势。喜欢：

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

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