You can find any item in the project or outside of it by its name. You can search for files, actions, classes, symbols, settings, and UI elements from a single entry point.
From the main menu, select All, Classes, Files, Symbols , and Actions tabs.or press Shift twice to open the search window with the
By default, the All tab opens and WebStorm displays the list of recent files. To open the tab you need, use the following shortcuts:
File or folder - Ctrl+Shift+N, CamelCase and snake_case are supported.
Class - Ctrl+N.
Symbol - Ctrl+Alt+Shift+N.
Action - Ctrl+Shift+A. You can find any action even if it doesn't have a mapped shortcut or appear in the menu. For example, Emacs actions, such as kill rings, sticky selection, or hungry backspace.
Start typing your query. WebStorm lists the results grouped by scoped where your query is found. Press Ctrl+Up or Ctrl+Down to jump between sections.
Click to list the search results in the Find tool window.
Press Tab to switch the scope of your search to classes, files, symbols, or actions.
When the Files scope is selected, WebStorm shows only matching project files. To show matching libraries and files from other projects, select the Include non-project items checkbox or again press Shift twice.
To narrow down your search, click the Filter icon on the window toolbar and select the appropriate option.
For example, you can have only recently opened files shown.
To see the results of your search in the Find tool window, click the Open in Find tool window icon on the window toolbar. This icon is disabled when you search in the Actions scope.
Search for files and folders
Press Ctrl+Shift+N and start typing your query, CamelCase and snake_case are supported. The list shrinks as you type.
Select the file or folder you need and press Enter. If you selected a file, WebStorm opens it in a new editor tab. If you are searching for a folder, WebStorm opens the Project tool window with the cursor at the selected folder.
Search for commands
You can search for commands that control the settings related to appearance and behavior of WebStorm. For commands, you can turn the corresponding settings on and off straight from the search window. For actions WebStorm gives you quick access to the Settings / Preferences dialog.
Press Shift twice to open the search window and type
/. WebStorm lists the available groups of settings.
Select the relevant group of settings and press Enter. WebStorm shows the available commands related to the selected group.
To toggle the status of a setting, select it in the list and press Enter.
Search for actions
WebStorm lets you search for actions and run some of them straight from the search window.
For actions that control WebStorm settings, the corresponding page in the Settings / Preferences dialog opens.
If the action invokes a popup, this popup is shown instead of the Settings /Preferences dialog.
Press Ctrl+Shift+A to open the Actions tab. Start typing the name of the action to find, then select the required action and press Enter. WebStorm either runs the selected action or opens the page with the corresponding settings.
Alternatively, press Shift twice to open the search window and switch to the Actions tab or just start typing the action name and select the action in the Actions group.
Search for abbreviations
With WebStorm, you can assign an alias to an action and then use this alias to find and quickly access the action. The example below shows how you can find and invoke the Close Active Editor action by a previously assigned abbreviation.
In the Settings/Preferences dialog Ctrl+Alt+S, go to . In the right-hand pane, select , and then select Add abbreviation from the context menu. In the dialog that opens, specify the abbreviation you are going to use, for example,
cae, and click OK.
Press Shift twice to open the search window, select the All scope, and type
caein the search field. WebStorm shows the Close Active Editor item to which you've assigned this abbreviation. Press Enter to close the current editor tab.