在工作中我们经常需要批量建多个文件，例如我们建一个 react 组件，通常包含 tsx、scss 2个文件。这种工作可以通过一些 cli 工具来生成，还有就是通过 ide 文件模板功能来生成。本文主要讲怎么利用 webstorm 文件模板来实现。
- 打开 webstorm apperance，搜搜 file templates 功能
- 添加一个文件模板，可以多个层级，例如可以建 $NAME/index.tsx 文件，即组件名称为文件夹，在文件夹下建 idnex.tsx 文件。注意 $NAME 是内置变量，是我们输入的名称。
- 添加子模板文件（➕号右边icon），同样可以多个层级，例如我们建 $NAME/index.module.scss 文件。
- 点击应用，我们就可以使用该功能了。
- 当我们创建文件时，点击增加 react component，输入名称后，就帮忙批量创建了两个文件了。
另外还可以在文件中定义一些预先设定好的模板代码来进一步提升我们的工作效率。webStorm 内置了一些模板变量供我们使用，例如上文中提到的 $NAME,另外也支持自定义模板变量，模板变量的语言使用的是velocity.apache.org/engine/deve…
