How to maximize a split editor in VS Code?

Viewed 12185

I like the split view mode in VS Code but one thing I can't figure out is how to maximize a split view temporarily.

I would like to be able to maximize a split window (as in on one of the windows of a split) for a moment and then restore the layout when I am done with it.

2 Answers

v1.38 has a new command:

workbench.action.toggleEditorWidths

which can be useful here. It is unbound to a keybinding by default.

Say you bind it like so:

{
    "key": "ctrl+alt+b",
    "command": "workbench.action.toggleEditorWidths"
}

Then use it once to maximize one of the splits - after that switching focus to either one will maximize that one easily. Basically, using the workbench.action.toggleEditorWidths command once will do the work of manually dragging the separator bar for you.


Before v1.38

From the July 2018 Release Notes: Automated maximize of minimized editors.

To get this to work you have to first manually minimize one of the splits (or editors in an editor group).

Drag the separator bar between the editors as far left (or right) as it will go.

Or use the command View: Maximize Editor Group.

Then clicking in or otherwise focussing (perhaps with workbench.action.focusLeftGroup or similar) the other split will maximize it.

Note: You can always maximize the active editor via View: Maximize Editor Group (workbench.action.minimizeOtherEditors) or reset all editor sizes via View: Reset Editor Group Sizes (workbench.action.evenEditorWidths).

Command + J and Control + B can be used for Mac.

  1. View: Toggle Side Bar Visibility
  2. View: Toggle Panel
Related