Visual studio code 如何在VS代码边栏中更改字体大小?

Visual studio code 如何在VS代码边栏中更改字体大小?,visual-studio-code,font-size,sidebar,vscode-settings,Visual Studio Code,Font Size,Sidebar,Vscode Settings,在用户设置窗口中查询fontsize,只会生成以下设置: 编辑窗格 建议小部件 降价预览 综合终端 如下所示: 对侧栏执行相同操作会产生更差的结果: 在编辑器窗格和侧边栏中显示不同大小的字体。。。让我们解决一下:不太好。我刚刚发现这个很棒的工具最大的遗漏了吗?这已经是一段时间以来的问题了。简单的回答是,现在没有允许您自定义边栏字体大小的VSCode设置。有一个黑客提出的解决方案,涉及使用扩展加载到自定义CSS文件,修改侧栏样式,如果你愿意尝试它 要实现此功能,请按照扩展详细信息中的“入门

用户设置
窗口中查询
fontsize
,只会生成以下设置:

  • 编辑窗格
  • 建议小部件
  • 降价预览
  • 综合终端
如下所示:

侧栏执行相同操作会产生更差的结果:

在编辑器窗格和侧边栏中显示不同大小的字体。。。让我们解决一下:不太好。我刚刚发现这个很棒的工具最大的遗漏了吗?

这已经是一段时间以来的问题了。简单的回答是,现在没有允许您自定义边栏字体大小的VSCode设置。有一个黑客提出的解决方案,涉及使用扩展加载到自定义CSS文件,修改侧栏样式,如果你愿意尝试它

要实现此功能,请按照扩展详细信息中的“入门”部分进行操作,然后将自定义文件的URL添加到
“vscode\u custom\u css.imports”:[“”]
数组中。(注意,在Windows上,mine的外观如下:
“vscode\u custom\u css.imports”:file:///C:\\dev\\vscode style.css“]

以下是添加CSS之前和之后的内容:

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

提供了一种方法,不仅可以调整侧边栏的字体大小。然而,如果你唯一感兴趣的是改变侧边栏字体大小的简单动作,那么这就需要付出一点代价,可能比你准备的要多。所以这里有一个更简单的解决方案

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

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

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

如果您设置了以下内容,只想添加到讨论中:

"window.zoomLevel": "your number",
在我的例子中,我从零开始,你可以用它作为一种基线:

"editor.fontSize": 14,
"editor.tabSize": 2,
"terminal.integrated.fontSize": 14,
"window.zoomLevel": 0,
"[Log]": {
  "editor.fontSize": 14
},
然后调整直到我高兴为止。 希望这有帮助

除此之外,我还发现了另一个插件,它帮助我解决了这个问题。插件的名称是

CustomizeUI
依赖于在VSCode中注入自定义javascript。以下是我在Mac电脑上使用的设置(在
settings.json
):

"customizeUI.stylesheet": {
    ".explorer-viewlet .mac": "font-size: 1.2em !important; overflow: auto; border-left:none!important",
},
同样,这个插件的作用不仅仅是改变侧边栏的字体大小。但与定制CSS和JS加载程序相比,它有一些小的优势。比如:

  • 它不会在标题栏上显示
    不受支持的
    ,也不会显示任何错误消息,如
    您的安装已损坏

  • 您不必每次更新VS代码时都重新加载设置


回答得好。我只想补充一点,还有一个更简单的解决方法,就是使用
CTRL
+
-
缩小所有字体,然后相应地调整我们可以控制的字体。不过,这也有一个缺点,就是可以缩小其他UI元素(如编辑器窗格的选项卡)的比例。它适合我,但你的里程数可能会有所不同。是的,这确实是一个简单得多的选择。也许你可以把它贴出来作为一个答案,让它更具可视性。我遵循了中提到的每一位,并将下面的内容复制粘贴到自定义css文件中,但它不起作用。monaco-tree-row.has-children{font-weight:500;margin:8px;color:#eee;font-size:14px;}。monaco-tree-row.has-children{字体大小:300;边距:5px;字体大小:12px;颜色:#bbb;}我也是这样做的。但是,边栏的字体要么变成10,要么变成12,而不是我喜欢的11。所以我将编辑器和终端字体大小设置为13,缩小1。编辑器变成11,边栏变成10。我现在可以接受。在Mac中,CMD+对我有效。这很愚蠢,但这绝对是最快最容易得出答案的方法。谢谢。下面是这个答案中唯一缺少的是在哪里找到设置文件。我可以通过以下方式设置缩放级别:
侧栏>管理>设置>窗口>缩放级别
。然后
文本编辑器>字体>字体大小
@B2K嗨!如果你转到
首选项>设置
你将转到GUI/窗格进行设置,但是t然后转到右上角,您将看到三个图标,单击第一个图标(从左侧),它将带您进入
settings.json
文件。或者,您可以点击
⌘=
缩放,然后调整字体。
zoomLevel
是杀手级。这是最好的答案。这是最简单的。而且它不会增加图标栏的大小,也不会增加顶部栏的大小。这样我就不会失去空间。谢谢。