Visual Studio Code User Interface | vscode open config
Atitsheart,VisualStudioCodeisacodeeditor.Likemanyothercodeeditors,VSCodeadoptsacommonuserinterfaceandlayoutofanexplorerontheleft,showingallofthefilesandfoldersyouhaveaccessto,andaneditorontheright,showingthecontentofthefilesyouhaveopened.BasicLayoutVSCodecomeswithasimpleandintuitivelayoutthatmaximizesthespaceprovidedfortheeditorwhileleavingampleroomtobrowseandaccessthefullcontextofyourfolderorproject.TheUIisdividedintofiveareas:Editor-Themainareatoedityourfiles.Youcanopenasmanyeditorsasyouli...
At its heart, Visual Studio Code is a code editor. Like many other code editors, VS Code adopts a common user interface and layout of an explorer on the left, showing all of the files and folders you have access to, and an editor on the right, showing the content of the files you have opened.
Basic LayoutVS Code comes with a simple and intuitive layout that maximizes the space provided for the editor while leaving ample room to browse and access the full context of your folder or project. The UI is divided into five areas:
Editor - The main area to edit your files. You can open as many editors as you like side by side vertically and horizontally. Side Bar - Contains different views like the Explorer to assist you while working on your project. Status Bar - Information about the opened project and the files you edit. Activity Bar - Located on the far left-hand side, this lets you switch between views and gives you additional context-spe...