Question

有没有办法在VS Code中自定义侧栏？特别是，我想改变字体大小。是否有用户设置？或者，也许，我可以通过样式表以某种方式编辑它，因为它是一个电子应用程序，就像Atom一样？

Answer 1

vscode没有用户定义的样式表。

目前缩放UI各个部分的唯一方法是通过整体缩放级别（window.zoomLevel）和编辑器的字体大小（editor.fontSize）。

我在回购协议上created a feature request。

Answer 2

我找到了一种更改Visual Studio代码窗口字体的方法。

首先，打开命令Pallete，然后键入“切换开发人员工具”
这将打开“ Chrome检查器”。
选择应用程序侧边栏的任何文本。
在右侧检查器的“样式”标签中搜索.monaco-shell类（在其中显示当前文档的所有样式），然后搜索font-family属性。This is tab and stylesheets.
在workbrench.main.css中单击鼠标右键，然后单击“打开Soruce面板” Show like this
使用此icon格式化CSS代码。
ctrl+f再次找到font-family属性，'导致格式重定向到CSS文档的末尾，并在〜6371行中获得this之类的.monaco-shell类。
更改此字体（我已更改为Droid sans Mono字体），但是您更改为所需的字体。

为什么我不更改真实文档的CSS

'原因，当我更改了真实文档css中的字体系列时（C：\ Users \ $ {user} \ AppData \ Local \ Programs \ Microsoft VS Code \ resources \ app \ out \ vs \ workbench \ workbrench.main.css）会生成错误消息，提示“ Vscode出现错误，请重新安装该程序”或类似的
在生成应用程序的实现时，声明的字体家族将被删除，并且文档css不是一个漂亮的代码。

此过程更改了Visual Studio代码应用程序的每种字体（不包括编辑器字体）

Answer 3

我发现使用常规缩放设置（在巨大的设置窗口中的某个位置）非常有效。这会调整整个应用的缩放级别。对其进行调整，直到您喜欢浏览器窗口的大小为止，然后将可设置的编辑器字体调整为在该缩放级别下可读。我有3个80列的并行代码窗口，加上17英寸笔记本电脑显示器上的资源管理器，如果可以使用8pt代码字体（实际上是11点字体缩小了两个凹口）就可以读取。

Answer 4

虽然没有直接的方法可以将settings中的边栏自定义为@Daniel Imms mentioned in his answer，但是我发现了2个有助于解决此问题的插件。您可以根据需要选择其中之一。

1。自定义CSS和JS加载程序

在Custom CSS and JS Loader插件中，您需要创建一个自定义的CSS，然后此插件将直接在electron-browser/index.html中注入该代码（因为VS Code是基于电子的编辑器）。我在Mac中使用此CSS：

".explorer-viewlet .mac": "font-size: 1.2em !important",

2。 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",
},

VS Code自定义侧栏

4 个答案:

1。自定义CSS和JS加载程序

2。 CustomizeUI