文件嵌套规则

您可以配置同名但后缀不同的文件的显示方式。此类文件组可以以普通结构显示，也可以将父文件显示为包含子文件的文件夹（嵌套）。

这类文件组可能出现在特定框架的项目中，例如，如果您使用 Angular。

还可以考虑将 TypeScript 编译为 JavaScript 的同时生成 source map：

在项目工具窗口（Alt+1 ）中，点击，选择外观，然后选择文件嵌套…。
系统将打开一个对话框，允许您配置文件嵌套规则。
启用以嵌套形式显示具有相同名称的文件(S) 选项，以根据列表中的模式识别子文件，并将其分组显示在对应的父文件下。
否则，WebStorm 会将父文件和子文件显示在同一级别。
配置嵌套规则。您可以编辑预定义规则或添加新规则：点击，并指定父文件与子文件的后缀。
配置规则时，请注意以下内容：
- 不支持多级嵌套。例如，如果一个 TypeScript 文件 file.ts 被编译为 file.js ，并生成了 file.js.map ，那么 file.js 和 file.js.map 都会直接显示在 file.ts 下。
- 不建议使用通配符。
点击确定。

最后修改日期： 2025年 9月 26日