Basic layout

Visual Studio Code comes with an intuitive and simple layout that provides ample room to browse, while maximizes the space provided for the editor and for access to the full contents of your folder or project.

The user interface is divided into five areas:

• Editor: This is the main area where you will edit your files. You can have up to three editors opened side by side.
• Side Bar: This is where different views like Explorer/Source Control are, which will assist you while working on your code.
• Status Bar: This is where you will see information about the files you are editing and the files that you have already opened.
• Activity Bar: This bar is located on the far left hand side and this will let you switch between different views and gives you context specific indicators like the number of outgoing changes when source control, such as Git, is enabled.
• Panels: This has the capability of displaying different panels below the editor space for debug information or for output, errors, and warnings, or an integrated terminal. You can move the panel to the right for more vertical space.

Each time you open Visual Studio Code, it will open up in the same state as it was in when it was last closed. The folder, layout, and opened files will be preserved and they will be reopened.

All the opened files in each editor are displayed with tabbed headers in Tabs at the top of the editor region.