本文介绍了如何使用 @pickel-project/generator-react-app 这个 npm 包来快速创建基于 React 的应用程序，并包含示例代码和深入的学习和指导意义。
简介
@pickel-project/generator-react-app 是一个生成器（generator），使用 Yeoman 平台，可以快速生成基于 Create React App 的 React 应用程序。除了基本功能外，它还具有一些自定义功能，比如：带有路由配置的应用程序、带有 Redux 模板的应用程序等等。
前置条件
在使用 @pickel-project/generator-react-app 之前，你需要安装以下工具：
如果你还没有安装 Yeoman，可以通过以下命令安装：
npm install -g yo
安装
通过以下命令安装 @pickel-project/generator-react-app：
npm install -g @pickel-project/generator-react-app
使用
生成项目
使用以下命令创建一个新的 React 应用程序：
yo @pickel-project/react-app
在运行上面的命令时，你将会被提示输入一些项目配置信息，如项目名称、GitHub 用户名、作者、项目版本等等。建议按照实际情况填写这些信息。
等待一段时间后，你将在当前目录中看到一个名为 <你的项目名称> 的文件夹，它就是新创建的项目文件夹。进入文件夹并启动开发服务器：
cd <你的项目名称> npm start
浏览器打开 http://localhost:3000 查看应用程序。
生成路由配置
如果你想要创建一个带有路由配置的应用程序，可以使用以下命令：
yo @pickel-project/react-app:router
输入完项目配置信息后，等待一段时间即可在当前目录下看到一个名为 <你的项目名称> 的文件夹，进入文件夹并启动开发服务器：
cd <你的项目名称> npm start
浏览器打开 http://localhost:3000 查看应用程序。
生成 Redux 模板
如果你想要创建一个带有 Redux 模板的应用程序，可以使用以下命令：
yo @pickel-project/react-app:redux
输入完项目配置信息后，等待一段时间即可在当前目录下看到一个名为 <你的项目名称> 的文件夹，进入文件夹并启动开发服务器：
cd <你的项目名称> npm start
浏览器打开 http://localhost:3000 查看应用程序。
深入学习和指导意义
@pickel-project/generator-react-app 的主要目的是为了简化基于 React 的应用程序的创建过程，使得开发者可以更加专注于业务逻辑。除此之外，该工具也可以帮助开发者了解如何使用 Yeoman 以及如何自定义 Yeoman 生成器。
Yeoman 是一个强大的脚手架工具，它使得项目的创建变得非常容易，同时还可以帮助你自定义生成器，以适应你的项目需求。如果你想了解更多关于 Yeoman 的知识，可以访问官方文档：https://yeoman.io/learning/
@pickel-project/generator-react-app 的源代码也是开放的，你可以通过 GitHub 上的地址：https://github.com/pickel-project/generator-react-app 查看。如果你对该项目感兴趣，可以尝试贡献代码，或者向作者提出建议。
结语
@pickel-project/generator-react-app 是一个非常有用的工具，可以帮助开发者快速创建基于 React 的应用程序。同时，它还提供了一些自定义功能，比如带有路由配置或 Redux 模板的应用程序。如果你还没有使用 Yeoman 平台创建过应用程序，花点时间学习一下，它会对你的项目开发有很大的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067354890c4f7277583a00