Dva-Generator是一个快速构建DvaJS应用程序的脚手架，它有助于前端开发人员快速创建应用程序，并在项目中生成后台语言接口。
为什么要使用Dva-Generator
Dva-Generator不仅能够帮助我们快速构建应用程序，还提供了以下优点：
- 宏观的控制流程，降低代码耦合度
- 更好的代码可读性
- 统一业务逻辑规范，省去重复代码的编写
安装和使用
$ npm install dva-cli -g $ npm install umi -g
接下来，我们可以通过下面的命令安装Dva-Generator：
$ npm install dva-generator -g
安装完成后，执行下列命令：
$ dva generate [option]
其中的option参数是我们期望的生成规则选项。
Dva-Generator的生成规则选项
根据模板生成文件
$ dva generate template [model-name] [template-type] [options]
其中的model-name参数是必需的，用于指定模块名称。template-type选项用于指定要生成的模板类型，options选项用于指定模板选项。
例如，我们可以通过下面的命令创建一个例子：
$ dva generate template test list
这个命令将根据list模板类型生成一个test模块。
根据规则生成文件
$ dva generate rule [rule-name] [options]
其中rule-name参数是必需的，用于指定规则名称。options选项用于指定其他设定。
让我们通过以下命令生成一个规则：
$ dva generate rule table --setState --componentDidMount
这个命令将根据table规则创建一个React前端代码，-setState和-componentDidMount选项将生成自动设置状态以及组件didMount声明周期的代码。
Dva-Generator自动创建的文件
Dva-Generator自动生成的文件如下：
models/index.js：与当前应用程序相关的应用程序级别映射services/index.js：用于调用后端API的接口pages/[model-name]/[template-type].js：基于指定模板生成的前端代码
结论
Dva-Generator可以让我们更快速地构建前端应用程序，并且提供了许多优点，比如代码可读性和代码质量的提高。总之，学习使用Dva-Generator可以让前端开发人员更加高效地完成工作。
示例代码
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
----- ---- ------- --------- -
----- - ---
------------------- -
---------------
----- ---
---
-
-------- -
----- - ---- - - -----------
------ -
-----
-------- ---------
------------ - - -- -
----
-------------- -- -
--- -------------------------------
---
-----
--
------
--
-
-
------ ------- -----来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005576881e8991b448d462e