WebStorm 2018.3 Help

Search for a target and usages within a project

You can search for occurrences and usages of targets within a project, and narrow your search by using different scopes and excluding certain items.

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.

    Find in path

    WebStorm lists the search strings and files containing them.

    To do a multi-line search, click the Multi-line search 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.

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 filter 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.

    Limited search
    You can also create your own custom scope, click the ellipsis icon 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.

    File mask search
    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.

    Add a new file type

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.

    Find tool window

    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.

    Show usages popup
    Click Open Find Usages Tool window 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.

    Show usages: no results detected

    Click Settings 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.

    Find Usages dialog (settings for Find Usages)

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

Last modified: 12 December 2018