Activity Bar width in Visual Studio Code

问题

Is there a way to selectively change the width of the Activity Bar in VSCode (v. 1.14)? I have a 1366×768 screen where every pixel counts, so I would like to make this bar narrow and icons smaller, by at least 50%. In comparison to vertical OS interface elements, e.g. Windows 10 Taskbar or Plasma 5 panel it looks monstrous and out of place:

I've been also trying to find a solution for the Insider version of VSCode, but apart from just hiding it I haven't discovered anything relevant yet.

I have "window.zoomLevel": 0 set in settings.json.

回答1:

You can also use the negative zoom trick in settings.json:

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

The whole editor will get smaller so you need to compensate editor.fontSize and terminal.integrated.fontSize

This allows for smaller activity bar (unfortunately it acts on everything (icons size, font-size ...)) but I much prefer this than the defaults.

回答2:

I recommend the excellent extension Activitus Bar. It recreate the activity bar buttons on the status bar:

Then, you just hide this enormous, gigantic activity bar. Happying code!

回答3:

Not solving your exact question but another good solution...

Install the Customize UI extension.
In your settings.json add "workbench.useExperimentalGridLayout": true,.
In Settings (UI) go to the Customize UI settings and set Activity Bar to "bottom".
Completely close VSCode and reopen.

回答4:

Wanted to add more to Akelian answer:

On Windows/Linux - File > Preferences > Settings
On macOS - Code > Preferences > Settings

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

Setting false to "workbench.activityBar.visible" removes the sidebar completely

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

来源：https://stackoverflow.com/questions/45048214/activity-bar-width-in-visual-studio-code

标签

user-interface

ide

visual-studio-code