Navigating to Class, File or Symbol by Name

Overview

Navigate commands enable you to quickly jump to the desired classes, files, or symbols specified by names. WebStorm suggests a look-up list of matching names, from which you can select the desired one, and open it in the editor. This navigation honors CamelCase and snake_case capitalization. Refer to the tips for detailed list of available techniques.

Navigating by name

To navigate to a class, file, or symbol with the specified name:

1. On the main menu, point to Navigate, and then choose Class, File, or Symbol respectively, or use the following shortcuts:
   • Class: Ctrl+N
   • File (directory): Ctrl+Shift+N
   • Symbol: Ctrl+Shift+Alt+N
2. In the pop-up window, start typing the desired name.

   So doing, you can enter characters located anywhere inside the desired name. As you type, the suggestion list shrinks, displaying the matching names only.

   • Class:

     

   • File:

     

   • Directory: use the same Ctrl+Shift+N shortcut as for file navigation, and type the name of the directory you are looking for, the pattern name ending with / or \:
     

     

   • Symbol:

     

3. Click the desired entry in the suggestion list, or select it using the arrow keys, and press Enter.

Tips and tricks

While working in the navigation pop-up window, use the following helpful techniques:

• Narrow down the search scope by selecting the file types to search in. Just click the filter , and clear the checkboxes next to the file types you are not interested in.
• Include non-project files in the look-up list and thus make available matching files from SDKs and libraries.
• If the look-up list is too long, type more characters to shrink it, or click the ellipsis sign at the end of the list, to reveal its next portion.
• Type the initial letters of the CamelHumps names, for example:

  

  Note that WebStorm automatically recognizes CamelHumps and matches them to the lower case letters.

• Type any letters separated with spaces for snake_case names, for example:

  

• In the navigation to file pop-up window, type letters delimited with slashes to denote nested directories:

  

• Type line number after a file name, delimited with a colon, to navigate to the specified line:

  

• Use * wildcard to represent any number of characters, though it is quite enough to type characters located in the middle of the desired name.
• If while typing in one of the Navigate to Class/File/Symbol pop-up windows you notice that you need another one, just invoke the necessary dialog box. The text you have already entered will not disappear.
• Press Alt+F1 to invoke the Select Target pop-up window, and choose the desired IDE component.
• Note that for the projects under version control, the entries in the look-up list are color coded according to their status:

  

• When there is a detached editor frame with a certain file, you can opt to open this file in the main WebStorm frame by pressing Enter, or activate the detached frame by pressing Shift+Enter.