Visual Studio Code 中的活动栏宽度

Question

有没有办法有选择性地改变 VSCode（v.1.14）中 活动栏 的宽度？我有一个 1366×768 的屏幕，每个像素都很重要，所以我想把这个栏变窄，图标变小，至少缩小50%。与垂直的操作系统界面元素（如 Windows 10 任务栏或 Plasma 5 面板）相比，这看起来让人感到不协调：

我一直在尝试找到解决 Insider 版本 VSCode 的方法，但除了隐藏它之外，我还没找到任何相关的东西。

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

- andselisk

Answer 1

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

然后，你只需要隐藏这个巨大的活动栏。愉快地编码吧！

- user1882644

---

非常好...但不尊重主题。 - rijin

文件更改计数消失了。如果它没有提供任何视觉意义，那么显示所有内容就没有意义。 - pcnate

这个功能看起来很不错，因为它占用的空间比自定义 UI 小，并且可以集成到状态栏中。但是我不建议使用它，因为它只能显示五个标准图标，无法显示由扩展程序贡献的图标。虽然有一个设置可以配置额外的图标，但我需要扩展程序自动获取所有图标！我不能每次添加/删除扩展程序时都需要重新配置它。 - ADTC

谢谢，我简直不敢相信我这么晚才知道这个！ - John Xiao

Answer 2

编辑（03/03/20）: 您还可以使用customize-ui插件，它允许更细粒度的字体大小和其他好处。

---

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

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

整个编辑器会变小，因此您需要调整editor.fontSize和terminal.integrated.fontSize的大小。 这将允许较小的活动栏（不幸的是它会影响全部内容（图标大小、字体大小等等...）），但我更喜欢这种方式而不是默认设置。

- melMass

---

有关于自定义UI扩展的信息，评论中提到如果尝试在1.73之后的版本中使用它，会强制要求重新安装VS Code。我认为这个问题将来会得到解决，但在我尝试使用它后，我不得不重新安装VS Code才能解决我的问题。我现在使用的是1.77版本，但它也不能兼容。 - Matthew Kooshad

读者们可能也想看一下https://github.com/drcika/apc-extension#apcactivitybar（我与其无关）。 - undefined

Answer 3

虽然不能解决您确切的问题，但是另一个好的解决方案是...

• 安装Customize UI扩展。
• 在设置（UI）中转到定制UI设置，并将活动栏设置为"bottom"。
• 完全关闭VSCode并重新打开。

- GollyJer

---

这个扩展对我来说非常有意义。 - Tobias Sarnow

关于自定义UI扩展的信息，有人在评论中提到，如果尝试在1.73版本之后的较新版本中使用它，会导致强制重新安装VS Code。我猜这个问题以后会被修复，但是为了解决我的VS Code问题，我不得不重新安装它。我目前使用的是1.77版本，它也无法与该扩展兼容。 - Matthew Kooshad

截至2022年11月，自定义UI不再起作用（＃156），还有一些报告称尝试安装它会破坏您的VS Code（＃174）。 - undefined

Answer 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一样，并且只在需要时才显示它。

- BoP

---

这是一个很好的选择，适合那些喜欢使用键盘快捷键的人。我不得不选择Ctrl-Alt-B，因为在这里Alt-B被映射到Git Blame，而Ctrl-Shift-B也被占用了。提示：Ctrl-B可以切换侧边栏本身。 - ADTC

Answer 5

想要补充一下Akelian的回答:

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

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

将 "workbench.activityBar.visible" 设置为 false 可以完全移除侧边栏。

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

- Deke

Answer 6

对于之前使用过不再可用的自定义UI扩展的用户，现在有一个替代品：Apc Customize UI++。

它提供了类似的自定义水平，允许进行VS Code本身不允许的更改。

在Windows上使用VS Code时，必须以管理员身份运行VS Code才能启用这个新扩展，但一旦启用，VS Code可以正常运行。

- Scott Leis