Navigate the Web Console User Interface

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

The Web Condole User Interface that shows various parts

  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.

    1. Explorer
    2. Search: Enables you to search and replace a text across the project
    3. Source Control: Enables you to manage Git repositories and Git-related changes
    4. Run and Debug: Enables you to run and debug your code
    5. Extensions: Lists the pre-packaged extensions. You can't install extensions from the Market Place.
    6. 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, terminal, and debug information in different tabs. To view a detail, select the appropriate tab.

  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.