简介
React 是一门广泛应用的前端框架，我们在开发 React 应用的过程中，通常需要写很多重复性的代码，例如创建组件、定义 state、设置 props 等等。如果每次新建一个文件都要手动编写，显然是浪费时间和精力的。因此，我们可以使用 react-generate-template 这个 npm 包，来自动生成 React 组件模板，提高我们的开发效率。
安装
在使用 react-generate-template 之前，我们需要先安装它：
npm install -g react-generate-template
安装好后，就可以在命令行中使用 rgt 命令。
生成组件
我们可以使用 rgt component 命令来生成一个 React 组件。例如，要创建名称为 MyComponent 的组件并保存在 src/components 目录下：
rgt component MyComponent src/components
运行之后会自动生成以下文件：
src/components/MyComponent/MyComponent.js src/components/MyComponent/MyComponent.css src/components/MyComponent/MyComponent.test.js
其中，MyComponent.js 是组件的代码文件，MyComponent.css 是组件的样式文件，MyComponent.test.js 是组件的测试文件。
MyComponent.js 文件中包含了一个最基本的 React 组件：
-- -------------------- ---- -------
------ ----- ---- --------
------ --------------------
----- ----------- ------- --------------- -
-------- -
------ -
---- -------------------------
------ ------
------
--
-
-
------ ------- ------------在这个基础上，我们可以根据需要进行修改和扩展。
参数
可以通过添加一些参数来自定义生成的组件。例如，可以指定组件的样式为 Sass 格式，使用 --style=sass 参数：
rgt component MyComponent src/components --style=sass
现在，生成的 MyComponent.css 文件就是 Sass 格式的了。
以下是可以使用的所有参数：
--style=[css|scss|sass] 指定样式文件的格式，默认是 css --test=none 不生成测试文件
结语
使用 react-generate-template，我们可以快速生成 React 组件模板，省去很多手动操作的烦恼。同时，也可以根据自己的需求来定制化生成的模板。希望这个工具可以帮助大家提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cad81e8991b448e61bd