Visual Studio Code 中的活动栏宽度答案

【问题标题】：Activity Bar width in Visual Studio CodeVisual Studio Code 中的活动栏宽度
【发布时间】：2020-05-16 15:57:15
【问题描述】：

有没有办法选择性地更改Activity Bar in VSCode (v. 1.14) 的宽度？我有一个 1366×768 的屏幕，每个像素都很重要，所以我想让这个栏变窄，图标更小，至少 50%。与垂直操作系统界面元素相比，例如Windows 10 任务栏或 Plasma 5 面板看起来很怪异且格格不入：

我也一直在尝试为 Insider 版本的 VSCode 寻找解决方案，但除了隐藏它之外，我还没有发现任何相关的东西。

我在settings.json 中设置了"window.zoomLevel": 0。

【问题讨论】：

标签： user-interface ide visual-studio-code

【解决方案1】：

我推荐优秀的扩展Activitus Bar。它在状态栏上重新创建活动栏按钮：

然后，您只需隐藏这个巨大的活动栏。快乐的代码！

【讨论】：

非常好...但不尊重主题
文件更改计数消失。如果没有视觉意义，就没有必要展示所有内容
这会很好，因为它比自定义 UI 占用更少的空间并集成到状态栏。 但我不推荐它，因为它只能显示五个标准图标。 它不显示扩展贡献的图标。有一个设置来配置额外的图标，但我需要扩展来自动拾取所有图标！每当我添加/删除扩展时，都不能指望我配置和重新配置它。

【解决方案2】：

编辑 (03/03/20)：您还可以使用customize-ui 插件，它允许更细粒度的字体大小和其他好东西

您还可以在settings.json 中使用负缩放技巧：

{
  "window.zoomLevel": -1,
  "editor.fontSize": 13,
  "terminal.integrated.fontSize": 16,
}

整个编辑器会变小所以你需要补偿editor.fontSize和terminal.integrated.fontSize

这允许更小的活动栏（不幸的是它作用于所有东西（图标大小，字体大小......））但我更喜欢这个而不是默认值。

【讨论】：

【解决方案3】：

没有解决您的确切问题，而是另一个好的解决方案......

安装Customize UI 扩展。
在您的settings.json 中添加"workbench.useExperimentalGridLayout": true,。
在 Settings (UI) 中转到自定义 UI 设置并将 Activity Bar 设置为 "bottom"。
完全关闭 VSCode 并重新打开。

【讨论】：

这个扩展对我来说很有意义
为什么需要"workbench.useExperimentalGridLayout"？我没有添加这个。没有它也能正常工作。

【解决方案4】：

不完全是问什么，但我没有完全隐藏它，而是添加了一个键盘快捷键来切换栏。

在 macOS 上：Code > Preferences > Keyboard shortcuts > 搜索：Toggle Activity Bar Visibility

在 Linux 上：File > Preferences > Keyboard shortcuts > 搜索：Toggle Activity Bar Visibility

或者，您可以通过按ctrl + k，然后按ctrl + s 来访问Keyboard shortcuts。

我将它设置为Option + B，就像用于侧栏切换的Command + B 一样，并在我需要某些东西时显示它。

【讨论】：

对于喜欢键盘快捷键的人来说，这是一个不错的选择。我不得不使用 Ctrl-Alt-B，因为 Alt-B 在这里被映射到 Git Blame 并且 Ctrl-Shift-B 也被使用。 提示：Ctrl-B 切换侧边栏本身。

【解决方案5】：

想为 Akelian 回答添加更多内容：

在 Windows/Linux 上 - 文件 > 首选项 > 设置
在 macOS 上 - 代码 > 首选项 > 设置

{
  "window.zoomLevel": -1,
  "editor.fontSize": 13,
  "terminal.integrated.fontSize": 16,
  "workbench.activityBar.visible": false,
}

将false 设置为“workbench.activityBar.visible”会完全移除侧边栏

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

【讨论】：