VSCode: How to Split Editor Vertically

visual-studio-code
RainingChain picture RainingChain · Nov 20, 2016 · Viewed 163.5k times · Source

In Visual Studio code, a while ago, when I used View->Split Editor, it would split vertically. (One file on the left and one file on the right.)

I updated Visual Studio Code and when when I do View->Split Editor, it always splits horizontally. (One file on the top and one file on the bottom.)

How can I split vertically?

Answer

v-andrew picture v-andrew · Nov 20, 2016

In 1.20

ALT+SHIFT+0 PC (Windows, Linux)

⌘+⌥+0 Mac

Pre-1.20

ALT+SHIFT+1 PC (Windows, Linux)

⌘+⌥+1 Mac

Changes editor split layout from horizontal to vertical

In 1.25 you can split editor into Grid layout. Check View=>Editor Layout

It is nicely presented in Release notes v1.25: VS Code grid editor layout

Related questions

How do you format code in Visual Studio Code (VSCode)

What is the equivalent of Ctrl + K + F and Ctrl + K + D on Windows in Visual Studio for formatting, or "beautifying" code in the Visual Studio Code editor?

Read More
How to comment multiple lines in Visual Studio Code?

I cannot find a way to comment and uncomment multiple lines of code in Visual Studio Code. Is it possible to comment and uncomment multiple lines in Visual Studio Code using some shortcut? If yes, how to do it?

Read More
How can I customize the tab-to-space conversion factor?

How do I customize the tab-to-space conversion factor when using Visual Studio Code? For instance, right now in HTML it appears to produce two spaces per press of TAB, but in TypeScript it produces 4.

Read More