Navigate the Web Console User Interface

The Web Console user interface is divided into these five main areas.

1. Activity Bar: Contains icons to switch between different views. In our example, the Explorer view is active. These are the different views listed on the bar.

   important: The extensions in Web Console come prepackaged. You can't install or search for an extension on the Visual Studio MarketPlace. To see a list of installed extensions, click the ellipsis (...) on the Extensions Installed panel on the left side, and select Show Running Extensions.

   1. Explorer
   2. Search: Enables you to search and replace a text across the project
   3. Run and Debug: Enables you to run and debug your code
   4. Org Browser

2. Sidebar: Contains different views to assist you while working on your project. For example, you can see the Explorer view in our example. It lists the files in a DX project structure.

3. Editors: Contains main areas to edit your files. You can open as many editors as you like side by side, vertically and horizontally.

4. Output Panel: Shows output and debug information in different tabs. To view a detail, select the appropriate tab.

   note: Web Console doesn't have command line interface or terminal available.

5. Status Bar: Shows information about the current project and the files that you’re editing. This bar also shows the tracing status, if enabled.