IntelliJ IDEA 2017.2 Help

File Nesting Dialog

The dialog box opens when you click File Nesting on the context menu of the title bar in the Project tool window.

In this dialog box, 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 Material Design components:

ws_file_nesting_example_angular_material.png
Also consider transpilation of TypeScript into JavaScript with sourcemaps generated:
ws_file_nesting_example_ts_transpilation_plain.png
IntelliJ IDEA can present such file bunches as plain structures or show parent files as folders (nests) with their child files inside. To configure file nesting, set correspondence between the suffixes of parent files and the suffixes of the child files.

IntelliJ IDEA provides a set of predefined rules. You can edit these rules as well as define your own custom ones.

Item Description
Show files with the same names as nested according to the rules below
  • When the check box is selected, IntelliJ IDEA recognizes children files based on the patterns from the list and shows them grouped under the corresponding parents. Compare the presentation of the above TypeScript example with file nesting enabled:
    ws_file_nesting_example_ts_transpilation.png
  • When the check box is cleared, IntelliJ IDEA shows parents and children at the same level.
Add (add.png) Click this button to add a new row and specify the "parent" file suffix and the matching "child" file suffix.
Remove (delete.png) Click this button to remove the selected rule from the list.
Use the default ruleset (ws_icon_nested_files_use_default_rule_set.png) Click this button to discard all your custom patterns and reload the default rules.
Last modified: 11 October 2017

See Also