Open the dialog: Project tool window | | File Nesting…
Use this dialog to configure presentation of files with the same names but different suffixes.
Such bunches of files may appear in framework-specific projects, for example, if you use Angular.
IntelliJ IDEA can present such file bunches as plain structures or show parent files as folders (nests) with their child files inside.
IntelliJ IDEA provides a set of predefined rules for file nesting. You can edit these rules as well as define your own custom ones. To configure file nesting, specify the suffixes of parent files and the suffixes of the child files.
tip
Note that the nesting rules are applied only to files with the same names within the same directory.
If the names of two files match a pattern but the files are stored in different directories, IntelliJ IDEA does not visually "move" any of them.
Item
Shortcut
Description
Show files with the same names as nested
When the checkbox is selected, IntelliJ IDEA recognizes child files based on the patterns from the list and shows them grouped under the corresponding parents.
When the checkbox is cleared, IntelliJ IDEA shows parents and children at the same level.
Alt+Insert
Add a new row and specify the "parent" file suffix and the matching "child" file suffix. List all patterns explicitly without using wildcards or regular expressions.
Alt+Delete
Remove the selected rule from the list.
Reset to Default
Discard all your custom patterns and reload the default rules.