PhpStorm
 
2022.3
Shortcuts: Windows
Get PhpStorm
  1. Development environment
  2. Creating and Managing Projects
  3. Project tool window
  4. File nesting rules

File nesting rules

Last modified: 03 February 2023

Open the dialog: Project tool window | App general gear plain | File Nesting

You can 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.

PhpStorm can present such file bunches as plain structures or show parent files as folders (nests) with their child files inside.

Nesting rules off

Configure file nesting

  1. In the Project tool window (Alt+1), click App general gear plain, and select File Nesting.

    A dialog opens in which you can configure file nesting rules.

  2. Enable the Show files with the same names as nested option to recognize child files based on the patterns from the list and display them grouped under the corresponding parents.

    Otherwise, PhpStorm shows parents and children at the same level.

  3. Configure nesting rules. You can edit predefined rules or specify new ones: click the Add button and specify suffixes of parent and child files.

    the File Nesting dialog

  4. Apply the changes and close the dialog.

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, PhpStorm does not visually "move" any of them.