WebStorm 2021.1 Help

Menus and Toolbars

Use this page to configure the WebStorm menus and toolbars.

Menus and Items List

The list shows the items for the menus and toolbars. The items are grouped according to the areas of their use.

To configure an item, expand the corresponding node and select the desired item. Use the buttons on the toolbar edit or remove the selected it or add a new item under the selected node as described in Choose Actions to Add dialog.

Suppose you want to use a third-party tool from WebStorm. First, you need to configure it as external tool described in External tools, after that it becomes available from Tools | External Tools | <your_tool>.

External tool added to the main menu under Tools | External Tools

You can also run the tool using an icon on the toolbar.

In the Settings/Preferences dialog Ctrl+Alt+S, go to Appearance & Behavior | Menus and Toolbars. In the list of available menus and toolbars, expand the Main Toolbar node, select the item after which you want to add the ImageOptim icon, and click the Add button.

In the dialog that opens, select External Tools | Optimize Image in my app, specify the icon to indicate it in the Icon field, and click Set icon, when ready.

Create external tool: add an icon to the toolbar

The icon appears on the toolbar.

Create external tool: the toll's icons added to the toolbar

Learn more from Customizing menus and toolbars.

Controls

IconTooltipDescription
the Add buttonAdd ActionAdd a new action to the menu after the selected one. In the Choose Actions to Add dialog, choose the desired action and optionally assign an icon to it.
Add SeparatorAdd a separator to the menu after the selected item.
the Remove buttonRemoveDelete the selected item from the list.
the Edit Icon buttonEdit IconAssociate an icon with the selected menu item. In the Choose Action Icon Path dialog, specify the path to the desired image.
the Move up buttonMove UpMove the selected item one position up.
the Move down buttonMove DownMove the selected item one position down.
the Restore iconRestore DefaultDiscard all the changes made to the selected item and return to the default settings.
Restore All DefaultsDiscard all the changes made to the all items and return to the default settings.
Last modified: 15 June 2021