You can quickly navigate through your code in the editor using different actions and popups.
For the details on navigating between the editor and tool windows, as well as working with the editor tabs and breadcrumbs, refer to Editor basics.
For the details on navigating recent files, locations, and changes, refer to Recent files and changes.
For the details on how to locate a required file, refer to File navigation.
For the details on how to view and navigate the structure of a file, refer to File structure.
To see the previous caret position, select from the main menu or press Ctrl+Alt+Left. To move forward, select or press Ctrl+Alt+Right.
To use these shortcuts on Windows, make sure you have disabled the hotkeys.
To quickly move to the top of the editor, press Ctrl+Page Up. To move the caret to the bottom of your editor, press Ctrl+Page Down.
To navigate to the last edited location, press Ctrl+Shift+Backspace.
To find the current caret location in the editor, press Ctrl+M. This action might be helpful if you do not want to scroll through a large file.
Alternatively, you can press Up and Down arrow keys to achieve the same result.
To highlight a word at the caret you are trying to locate, select from the main menu. If you are using Windows, you can also press Ctrl+F3.
To move caret between matching code block braces, press Ctrl+Shift+M.
To navigate between code blocks, press Ctrl+[ or Ctrl+].
You can use different actions to move the caret through code. You can also configure where the caret should stop when moved by words and on line breaks.
To move the caret to the next word or the previous word, press Ctrl+Right or Ctrl+Left.
By default, WebStorm moves the caret to the end of the current word. When you move the caret to the previous word, it is placed at the beginning of the current word.
You can customize the caret position for these actions. In the Settings dialog (Ctrl+Alt+S) , go to . In the Caret Movement section, use the When moving by words and Upon line break options to configure the caret's behavior.
To move the caret forward to the next paragraph or backward to the previous one, press Ctrl+Shift+A and search for the Move Caret Forward a Paragraph or Move Caret Backward a Paragraph action.
You can also select a text and then move the caret forward or backward to a paragraph. Press Ctrl+Shift+A and search for the Move Caret Forward a Paragraph with Selection or Move Caret Backward a Paragraph with Selection action.
You can assign shortcuts to these actions. For more information, refer to Configure keyboard shortcuts.
In the editor, press Ctrl+G.
In the Go to Line/Column dialog, specify a line or column number, or both, separating them with : and click OK.
If you do not want to see the line numbers in the editor, in the Settings dialog (Ctrl+Alt+S) , go to and clear the Show line numbers checkbox.
For quicker access, assign a shortcut to the Show line numbers action.
Navigate between code elements Go to declaration and its typeYou can navigate to the initial declaration of a symbol and the symbol's type from its usage.
Place the caret at the necessary symbol and press Ctrl+B.
Alternatively, use Ctrl+Click: keeping Ctrl pressed, hover over the symbol. When the symbol turns into a hyperlink, its declaration will be displayed in the tooltip. Click the hyperlink without releasing the key to open the declaration in the editor.
For a type declaration, press Ctrl+Shift+B.
Alternatively, keeping Ctrl+Shift pressed, hover over the symbol. When the symbol turns into a hyperlink, its type declaration will be displayed in the tooltip. Click the hyperlink without releasing the keys to open the type declaration of the symbol in the editor.
Place the caret at the declaration of a symbol and press Ctrl+B.
If the symbol is used only once, WebStorm brings you to this usage and highlights it.
If several usages are found, WebStorm shows them in a popup. Select the usage to navigate to and press Enter or just click it in the list.
To view the usages in a separate Find Usages tool window, click on the toolbar.
Alternatively, click the Show usages hint to jump to the usage or to select the relevant one from the list.
Inlay hints for usages are enabled by default. To disable them, open the Settings dialog (Ctrl+Alt+S), go to , expand the Code vision, node and clear the Usages checkbox.
Go to implementationYou can keep track of class implementations and overriding methods using the gutter icons in the editor, or by pressing the appropriate shortcuts, or by clicking Inheritors inlay hints.
Click one of the /, / gutter icons located in the editor and select an ascendant or descendant class from the list.
To navigate to the super method, press Ctrl+U.
To navigate to the implementation, press Ctrl+Alt+B.
Use Inheritors hints that are displayed next to a class or an interface and show the number of its descendants. Click the hint to jump to the descendant. If there are several implementations, select the relevant one from the list.
Inheritors inlay hints are enabled by default. To turn them off, hover over a hint and select Hide 'Code Vision: Inheritors' Inlay Hints or Hide All 'Code Vision' Inlay Hints from the context menu.
By default, Inheritorshints are shown above classes and interfaces. To change this position, click Configure from the context menu of a hint.
On the Inlay Hints page, that opens, select the appropriate setting from the Position list. Alternatively, select the Code vision node and change the Default position for metrics.
To jump to the next or previous found issue in your code, press F2 or Shift+F2 respectively. Alternatively, go to in the main menu.
WebStorm places the caret immediately before the code issue.
Configure the way WebStorm navigates between code issues: it can either jump between all code issues or skip minor issues and only navigate between detected errors. Right-click the code analysis marker in the scroll bar area and choose one of the available navigation modes from the context menu:
To have WebStorm skip warnings, infos, and other minor issues, choose Go to high priority problems only.
To have WebStorm jump between all detected code issues, choose Go to next problem.
Press Alt+Down or Alt+Up.
For JavaScript code inside HTML files, this behavior depends on the caret location. If the caret rests inside a JavaScript block, it enables jumping between JavaScript functions. If the caret rests on a <script> tag, then navigation is performed between the tags.
To visually separate methods in code, in the Settings dialog (Ctrl+Alt+S) , go to and select the Show method separators option.
To open the Structure tool window, press Ctrl+7.
30 June 2025
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4