VS Code User Interface

VS Code offers a user-friendly layout that aims to optimize the available space for the editor while allowing to easily browse and fathom your current working project/workspace.

The VS Code user interface is divided into five main areas:

  1. Editor - Main place to edit files. Editors can be opened side by side, either horizontally or vertically.

  2. Side Bar - Displays different views that aim to assist one while working on a project.

  3. Activity Bar - Allows to control the group of views displayed in the Side Bar.

  4. Status Bar - Displays information about the current workspace and the active editor.

  5. Panel - A supplementary area placed below the Editor group that is used to display views such as Problems, Output, Debug Console, and Terminal.

../../_images/vscode_ui.png

For a comprehensive reference regarding VS Code User Interface, see the User Interface chapter in the official VS Code documentation.