IntelliJ IDEA
 
Get IntelliJ IDEA
You are viewing the documentation for an earlier version of IntelliJ IDEA.

File nesting dialog

Last modified: 08 March 2021

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

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:

Angular application: a bunch of app files with various extensions

Also consider compilation of TypeScript into JavaScript with source maps generated:

A typescript file leftpad.ts with a compiled JavaScript file leftpad.js
                 and a generated source map file leftpad.js.map shown at the same level

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.