Visual Studio代码中的活动栏宽度

时间:2017-07-12 04:03:28

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

有没有办法有选择地改变Activity Bar in VSCode(v.1.14)的宽度?我有一个1366×768的屏幕,每个像素都很重要,所以我想把这个条缩小,图标缩小至少50%。与垂直OS界面元素相比,例如, Windows 10任务栏或等离子5面板看起来很怪异且不合适:

enter image description here

我一直在尝试为VSCode的Insider版本找到解决方案,但除了隐藏它之外我还没有发现任何相关内容。

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

5 个答案:

答案 0 :(得分:31)

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

enter image description here

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

答案 1 :(得分:17)

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

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

整个编辑器会变小,因此您需要补偿editor.fontSizeterminal.integrated.fontSize

VSCode Zoom Level preview

这允许更小的活动栏(不幸的是它会影响一切(图标大小,字体大小...))但我更喜欢这个而不是默认值。

答案 2 :(得分:3)

询问的内容不完全相同,但是我没有完全隐藏它,而是添加了键盘快捷键来切换该栏。

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

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

或者,您可以依次按Keyboard shortcutsctrl + k进入ctrl + s

我将其设置为Option + B,就像边栏切换的Command + B一样,并在需要时显示它。

答案 3 :(得分:2)

想要为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

答案 4 :(得分:2)

不是解决您的确切问题,而是另一个好的解决方案...

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

sidebar on bottom of vscode