Search for a target and usages within a project

Find your target in a project

1. From the main menu, select Edit | Find | Find in Path (Ctrl+Shift+F).

2. In the search field, type your search string. To see a list of your previous searches, press Alt+Down.

   If you need, specify the additional options.

   

   WebStorm lists the search strings and files containing them.

   To do a multi-line search, click the icon to enter a new line, and press Ctrl+Alt+Down / Ctrl+Alt+Up to browse through occurrences.

3. Check the results in the preview area of the dialog where you can replace the search string or select another string, press Ctrl+Shift+F again and start a new search.

4. If you need to see the list of occurrences in a separated tool window, click Open in Find Window. You can use this window and its options to group the results, preview them, and work with them further.

Narrow your search

You can use different options in the Find in Path dialog to adjust your search process.

1. In the Find in Path dialog, select options such as Words or Match case to find the exact word in a project, or match the letter case.

2. Click the icon to filter your search. For example, you can filter the search to omit comments or search only in comments instead.

3. Select one of the displayed options such as Module or Directory to limit your search. Moreover, you can select the Scope option that offers you a list of predefined scopes for your search.

   For example, you can limit your search to the test files in your project.

   

   You can also create your own custom scope, click the icon to open the Scopes dialog.

Search in the specific file types

Use the File Mask option to narrow your search to a specific file type. You can select the existing file type from the list, add a new file type, or add an additional file mask syntax to search for file types with certain patterns.

1. In the Find in Path dialog, select the File Mask checkbox and from the list of file types, select the one you need.

   

   WebStorm limits its search to the specified type.

2. If you don't find the file type you need in the list, enter your file type in the File Mask field.

   For example, use the following syntax to search only in json files: *.json.

   

Search for usages in a project

You can search for usages of a symbol in your whole project or in a scope that you set. WebStorm lists the search results in the Find tool window or in a popup, the pop can be used for quick navigation.

• To show the search results in the Find tool window, place the cursor at the symbol for which you want to find usages and select Edit | Find | Find Usages from the main menu or just press Alt+F7.

  

  While in the Find tool window, you can use the Preview area to check the places where the usages were found, to see a call hierarchy for methods, data flow for fields, and so on.

• To show the search results in a popup, place the cursor at the symbol for which you want to find usages and select Edit | Find | Find Usages from the main menu or just press Ctrl+Alt+F7.

  

  Click to move the search results to the Find tool window.

Manage the Find Usages scope

• If WebStorm doesn't find any usages of a symbol, it displays a message.

  

  Click or press Ctrl+Shift+Alt+F7 to open the Find Usages dialog and set a new scope for your search, for example, Open Files or Project Test Files.

  

  To set a custom scope, click . When you are done setting a new scope, click Find.