Guided Tour Around WebStorm User Interface
Here you can learn how the WebStorm user interface is organized to help you find your way through your working environment.
When you first run WebStorm, or have no open project, WebStorm displays the Welcome screen which enables quick access to the major entry points. When a project is opened, WebStorm displays the main window.
WebStorm's main window consists of logical areas, which are shown on the picture below, marked with numeric labels:
Main menu and toolbar — contain commands that affect the entire project or large portions of it, such as opening, creating project, refactoring the code, running and debugging applications, keeping files under version control and more.
The main toolbar duplicates the main menu's essential commands for quicker access. By default, the main toolbar is hidden. To show it, selectfrom the main menu.
Useto hide or show the navigation bar; press Alt+Home to bring the application focus to the navigation bar.
Status bar — indicates the status of your project, the entire IDE, and shows various warning and information messages.
Editor — here you can read, create, and modify your code.
Tool windows — secondary windows that provide access to various specific tasks (project management, search, running and debugging, integration with version control systems, etc.).