介绍
generator-reactgen 是一个基于 Yeoman 的 React 项目脚手架，它可以帮助我们快速创建一个基于 React 的 Web 应用程序。 generator-reactgen 能够生成一个包含以下组件的 React 应用程序：
- 顶部导航栏
- 侧边导航栏
- 登录页面
- 注册页面
- 错误页面
另外，generator-reactgen 中也集成了 Redux 和 React-Router 库。
安装 generator-reactgen
在开始 generator-reactgen 的使用之前，首先要保证你的电脑中安装了 Node.js 和 npm。接下来，我们可以使用 npm 命令来安装 generator-reactgen：
--- ------- -- ------------------
使用 generator-reactgen 创建 React 应用
在安装完 generator-reactgen 后，我们就可以启动创建 React 应用程序的流程了。首先，我们需要进入到我们想要创建项目的目录下。接着，我们可以使用以下命令启动 React 应用程序的创建流程：
-- --------
接下来，我们会看到一个交互式的命令行界面。在命令行界面中，我们可以输入项目的名称、描述等信息。同时，我们还可以配置是否启用 Redux 和 React-Router 库。
完成交互式命令行后，generator-reactgen 会自动创建一个基于 React 的 Web 应用程序。同时，它还会为我们自动生成一些常用的目录文件结构，例如：src、public、config 等目录。
执行生成的 React应用程序
接下来，我们可以使用以下命令启动生成的 React 应用程序：
--- -----
然后，在浏览器中输入 http://localhost:3000，我们就可以看到生成的 React 应用程序的主页了。
指导意义
generator-reactgen 为我们提醒了创建 React 应用的流程，同时它也提供了一些基本的组件和配置选项。在使用 generator-reactgen 进行 React 开发时，我们可以更加专注于业务逻辑，快速构建出符合规范的 Web 应用程序。
示例代码
以下代码展示了我们创建出来的 React 应用程序的目录文件结构：
--- ------ - --- ----------- - --- ---------- - --- ------------- --- --- - --- ------ - --- ---------- - --- ------ - --- ---------- - --- -------- - --- ------ - --- ----- - --- ----- - --- ------- - --- ------ - --- --------- - --- -------- - --- -------- --- ----------------- --- ------------ --- ---------
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600566b881e8991b448e3062