包含多个文件的模板
某些编程模式和框架需要一组相关文件，通常具有非常特定的结构。 例如，对于一个组件，通常需要一组文件——一个用于模板，一个用于逻辑，另一个用于样式。
在 WebStorm 中，您可以通过将子模板添加到文件模板来创建相关文件集。 当您使用此类模板创建文件时，子模板中的文件也会被一并创建。
创建包含多个文件的模板
在 设置 对话框（Ctrl+Alt+S ）中，选择 。
创建主文件模板。
在 文件 选项卡中，点击
并指定模板的名称、文件扩展名和主体内容。在列表中选择新模板，点击工具栏中的
。 指定子模板的名称、文件扩展名和主体内容。
示例：组件文件模板
假设您想创建一个包含一组组件文件的 标题 文件夹，例如， Header.js 、 Header.test.js 和 Header.css 。
打开 设置 对话框（Ctrl+Alt+S ），转到 。
首先创建 JavaScript 组件文件的模板。
在 文件 选项卡中点击工具栏上的
。 列表中会添加一个新的 未命名 模板。在右侧窗格中，指定模板名称，例如 组件文件夹 ，并将
js作为文件扩展名。在 文件名 字段中键入
$NAME/$NAME。您可以选择添加代码模板，例如时间戳。
/** * Created by ${USER} on ${DATE} */
为相关测试文件创建子模板。
选择父模板 组件文件夹 ，点击工具栏上的
。 子模板将被添加到 组件文件夹 模板下方。在右侧窗格中，在 文件名 字段输入
$NAME/$NAME，并指定test.js扩展名。
为相关样式表创建子模板。
选择父模板 组件文件夹 ，点击工具栏上的
。 子模板将被添加到 组件文件夹 模板下方。在右侧窗格的 文件名 字段中输入
$NAME/$NAME，并指定css扩展名。
点击 确定 以保存模板。
创建组件文件。
在要存储组件文件的文件夹的上下文菜单中选择 。 在打开的对话框中，指定要用于文件夹及其中组件文件的名称（本示例中为 标题 ）。
