Inlay hints appear in the editor and provide you with additional information about your code to make it easier to read and navigate.
Enable/disable inlay hints
Open the Settings dialog (Ctrl+Alt+S) and go to .
Expand the groups of inlay hints and select/clear checkboxes for specific languages and technologies. Check the hint description and preview to the right.
Code vision hints display in the editor the number of inheritors and usages for a symbol, show who authored it, and mark symbols that are new or contain uncommitted changes.
When you hover over a hint, it turns into a link. By clicking the link you can navigate to usages or implementations of the class or interface as well as open Version Control annotations.
In the right-hand pane of the dialog, configure the default position of inlay hints—whether they should be displayed above symbols or to the right of them—and specify the maximum number of inlay hints to be shown in each position.
You can also configure custom positioning for hints of a specific type.
Show the names of parameters in function and method calls in the editor to get assistance with passing arguments correctly.
For a number of methods and functions, parameter names are not shown by default: such methods and functions are on the default Exclude list. To enable display of the excluded parameter name hints in the editor, or add more excluded methods or functions, click Exclude list and edit the list.
Show the types of parameters and function return types in the editor.
For function return types in call chains, specify the minimum number of different types to show the hints.
By default, this checkbox is selected and PhpStorm shows inferred values for numeric enums in the TypeScript context. Clear the checkbox to hide the inferred values and show only the values of explicitly initialized constants.
Change inlay hints appearance
In the Settings dialog (Ctrl+Alt+S), go to , then select Inline hints.
Select the inlay hint type and state, and configure the font color and effects as required.