In vscode
I want to start typing a page
By pressing a hotkey, all the mini-map, status bar, activity bar & ... disappear so that I can reach the programming correctly.
And with that hotkey I go back to the previous state
Do you know the plugin? Thankful
(Sorry for the bad English!)
VSC has a command: View: Toggle Zen Mode
Default key binding: Ctrl+K Z
Problem: The sidebar and panel hides a lot of available screen space when I minimized vscode. It's tedius to always press the shortcut keys just to hide em.
What do you want? To automatically hide the sidebar and panel when I minimize vscode.
Screenshot
You may find this extention helpful: marketplace.
And also, Ctrl + B will help you hide the side bar mannually
I just wanna know that how to make VSCode hide sidebar and activity bar when in full-screen view (when I press f11) so I don't have to do it manually.
Unbind f11 from toggling fullscreen
Bind f11 to toggle Zen Mode https://code.visualstudio.com/docs/getstarted/tips-and-tricks#_zen-mode
Tweak Zen Mode settings so it would toggle fullscreen and hides stuff
I've found shortcuts to show/hide Problems (Cmd+Shift+M) or Output (Cmd+Shift+U), but these require two button presses to hide the bottom pane if it's not currently on those respective tabs.
How can I hide and show the bottom panel with a single button press, regardless of which tab is currently active? Similar functionality as Cmd+B, which hides the left-hand bar no matter whether Explorer, Debug etc. is active.
By default in VSCode Ctrl/Cmd+J shows and hides the Panel, no matter which one you are focused on.
Not a direct answer to your question, but if you're only interested in hiding the bottom panel then you can just hit either of these shortcuts twice: (i.e.
Cmd+Shift+M+M) once to take you to that panel, the second to hide that panel.
ctrl + `
This shortcut is responsible for showing/hiding the bottom panel that contains terminal, debug, output, etc.
It'd be handy if there was a keyboard shortcut for hiding and showing the sidebar. Sublime has cmd+k+b and it's a quick way of gaining some screen real estate when you need it. Anybody know if this exists or if the user can add it manually to VS Code?
The command can be triggered via Ctrl+B on Windows and Linux or Cmd+B on the Mac.
There are 3 bars on the side, 2 left and 1 right:
the activity bar with 5 buttons
the primary sidebar toggled by clicking any of the activity bar buttons.
the minimap
All of these hotkeys and more (e.g. the terminal & output panel, Ctrl+J) are now visible through the View (Alt-V) and View>Appearance menus:
The activity bar has no toggle hotkey by default, but you can assign one like this:
{
"key": "ctrl+alt+b",
"command": "workbench.action.toggleActivityBarVisibility"
},
Or hide completely with "workbench.activityBar.visible": false
The sidebar toggle hotkey is Ctrl+B by default, but may be overridden by e.g. vim plugin, here's how to enforce or change it:
{
"key": "ctrl+b",
"command": "workbench.action.toggleSidebarVisibility"
},
The minimap can be hidden with "editor.minimap.enabled": false and toggled with editor.action.toggleMinimap since vscode 1.16.
And with the Sidebar-activity toggler extension, so you toggle both activity and sidebar together with one key mapping to sidebar-activity-toggler.toggleSidebarAndActivityBar
To Hide the 5 button Activity Bar we can now:
View -> Hide Activity Bar
This is in vscode 1.9, not sure which version it was introduced in.
As Benjamin Pasero's answer states you can use:
Ctrl+B on Windows and Linux
⌘ Cmd+B on the Mac.
but sometimes you have another keyboard shortcut with ⌘ Cmd+B, in my case I had it to format some React code. To reverse that you can use the following:
Code > Preferences > Keyboard Shortcuts (⌘+K ⌘+S) then search for B and disable the other shortcut command.
You can also change the it and put which ever shortcut you want, just search for Toggle Side Bar Visibility like this:
Just in case you be intended for hiding the right lateral "sidebar", also called minimap, there is no shortcut. But you can configure the settings with:
{"editor.minimap.enabled: false"}
One can also hide the activity bar with the following setting in settings.json:
"workbench.activityBar.visible": false
To hide/show the side bar:
Ctrl+B on Linux and Windows.
⌘ Cmd+B on Mac.
No need to edit Settings.json directly
Do the following:
Open the Keyboard Shortcuts by pressing ctrl+k & ctrl+s
Search: "Toggle Activity Bar Visibility"
Enter the keyboard shortcut
Done!
Activity bar visibility in visual studio code
Mac users,
⌘ + B or
⌘ + 0 - Worked Perfectly
In the VS code version 1.43, you can hide or show the side menu or activity bar by going under the 'VIEW' tab in the nav bar in the top margin of VS CODE(called the 'Menu Bar'). Go to View => Appearance, there you can check or uncheck different nav bars to show/hide each one.
If you have the top bar (Menu Bar) currently hidden press 'alt' key to bring it back then follow above instructions to check it to keep it there permanently if desired.