WebStorm
 
2024.3
Get WebStorm

Tool windows

Last modified: 22 November 2024

Tool windows provide access to development tasks: viewing your project structure, running and debugging your application, integration with version control systems and other external tools, code analysis, search, navigation, and so on. By default, tool windows are attached to the bottom and sides of the main window. However, you can rearrange and even detach them to use as separate windows, for example, on another monitor.

WebStorm tool windows
  1. Editor

  2. Project tool window Alt01

  3. npm tool window

  4. Run tool window

Some tool windows are always available (for example, Project and Structure, or Terminal), some are activated when a specific plugin is enabled or your project has a specific structure (for example, TypeScript, Grunt, npm, or Spy-js) , and some appear only when you perform a certain action (for example, Debug or Find).

To focus your attention on the editor, you can hide all tool windows and when necessary, quickly restore all windows that were open when you've hidden them.

You can use the following shortcuts to manage WebStorm's tool windows: