![]() ![]() Use filters on the top of the window to show or hide the certain search entries. If the search results have too many entries, then WebStorm shows the first hundred usages found and the more usages option on the bottom of the window which you can click to display another hundred usages, and so on until the search is finished. If you want to quickly switch to the default scope, press Ctrl+Alt+F7. The usages window shows the current scope and total count of usages. In the editor, select a symbol for which you want to see the usages.įrom the main menu, select Edit | Find Usages | Show Usages In Code Ctrl+Alt+F7.Ĭlick to move the search results to the Find tool window. ![]() You can view usages of the selected symbol in a separate window that you can move to different parts of your screen and use for quick navigation. In this case, the file with the result usage is opened in the editor. In the Find tool window, click the Preview Source icon.Īs an alternative, you can select Jump to Source if you invoke the context menu on a usage found or Show in Split. You have several options to see the code source for the usages found. You can use the Find Usages action as an alternative to the Call Hierarchy actions. While in the Find tool window, you can also 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 disable this functionality, unselect the Enable similar usages clustering in Find Usages view in the advanced settings. You can select any group node from the list and click Show similar usages to look through the results. These usage clusters appear in the Preview tab. WebStorm analyzes search results, detects the most common usage patterns, and categorizes all found usages into groups based on their structural similarity. To open the Find Usages dialog, click on the toolbar in the Find tool window or press Ctrl+Alt+Shift+F7. If you need, you can group ( ) the results by files, packages, directories, and so on. Select a symbol for which you want to find usages, right-click the symbol, and select Find Usages from its context menu or press Alt+F7.Ĭheck the results in the Find tool window. Alternatively, select the Code vision node and change the Default position for metrics. On the Inlay Hints page, that opens, select the appropriate setting from the Position list. To change this position, click Configure from the context menu of a hint. To turn them off, hover over a hint and select Hide 'Code Vision: Usages' Inlay Hints or Hide All 'Code Vision' Inlay Hints from the context menu.īy default, Usages hints are shown above classes and interfaces. Usages inlay hints are enabled by default. Click the hint in the editor to jump to the usage or to select the relevant one from the list. Search for usages in a projectĬlick Usages hints that are displayed next to a class or an interface and show the number of its usages. Use the F3 and Shift+F3 shortcuts to navigate between highlighted symbols. WebStorm selects the first usage occurrence in the file. When automatic highlighting is disabled, press Ctrl+Shift+F7 to highlight all usages of a symbol at caret within the file.įrom the main menu, select Edit | Find Usages | Find Usages in File Ctrl+F7. To turn this highlighting off, open the Settings dialog ( Ctrl+Alt+S), go to Editor | General, and clear the Highlight usages of element at caret checkbox. In the editor, select a symbol you want to find, WebStorm automatically highlights all found usages in the file. Moreover, you can configure the color of the usages highlighting or disable the automatic highlighting of usages altogether. You can manage the search process, and search only in a single file, extend your search to the whole project, or create a certain search scope. Please use 'In project' scope - it doesn't included excluded directories and libraries.With the Find Usages actions you can search for the references of your code element throughout the whole codebase. Please note that as a result many library methods in you app's code will be marked as unresolved.Īlso, as far as I can see from your screenshot, you are using 'Directory' scope for your search - but this scope does include excluded directories if the excluded folder is selected as a directory. To fully exclude the node_modules folder from the project go to Preferences | Languages & Frameworks | JavaScript | Libraries and uncheck node_modules in the list. Only those node_modules that are not listed in project's package.json file are actually excluded, all direct dependencies listed there are marked as a JavaScript library and are indexed to make it possible to resolve and autocomplete methods from them.Īlso, files marked as plain text do not participate in completion/error highlighting/etc., but are still included in files index - as text search is also based on indexing. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |