WebStorm 2023.1 Help

Layouts

WebStorm lets you move tool windows, change their view modes, resize them, and save these settings as layouts. You can have several tool window layouts and switch between them when needed.

When you start working with the IDE, there is one exising Custom layout with factory settings. You can modify it or create new layouts for your preferred tool window arrangement.

Save the arrangement of tool windows

Once you move, resize your tool windows or change their view mode, you can either update the currently used setup or save these changes as a new layout.

  1. From the main menu, select Window | Layouts.

  2. Select one of the following options:

    • Save Changes in Current Layout: update your current layout.

    • Save Current Layout as New: save the arrangement as a new layout. Name the new layout in the dialog that opens.

    Saving current layout as new

Switch between layouts

  • From the main menu, select Window | Layouts, point to the required layout and select Apply.

    Your currently selected layout is marked with (Current).

    Switching to another layout
  • Use the quick switcher: press Ctrl+` (View | Quick Switch Scheme), click Layout, and select the name of the layout that you want to apply.

Restore the arrangement of tool windows

You can reset changes in your current layout.

  • From the main menu, select Window | Layouts | Restore Current Layout or press Shift+F12.

All recent changes will be reset to the last saved layout state.

Edit a layout

  • From the main menu, select Window | Layouts, point to the required layout and select Rename or Delete.

    You cannot delete your current layout.

Last modified: 18 April 2023