简介
React 是目前最流行的前端框架之一，但是在每次开始一个新的 React 项目时，都需要进行繁琐的配置。在这个过程中，react-setup-generator 就成为了一种非常有用的工具。它可以自动生成一个符合您项目需求的 React 项目的骨架，让您能够更快地开始编写代码。
在本文中，我们将会学习如何使用 react-setup-generator 来创建一个全新的 React 项目，并且讲解其使用方法和配置选项。
安装 react-setup-generator 包
使用 react-setup-generator 来创建一个新的 React 项目，我们首先需要安装它。打开命令行并输入以下命令：
--- ------- -- ---------------------
这将会把 react-setup-generator 包全局安装到您的计算机中。
创建新的 React 项目
安装完成 react-setup-generator 包后，我们可以使用以下命令来创建一个新的 React 项目：
--------------------- ------
这个命令将会创建一个新的名为 my-app 的文件夹，并且包括了一个最简单的 React 应用的骨架。
现在，我们可以进入到这个新创建的项目，执行以下命令来安装所需的所有依赖：
-- ------ --- -------
这里的 npm install 将会根据您的项目目录下的 package.json 文件，自动安装所有的依赖。
接下来，您可以使用以下命令来运行这个新创建的 React 应用：
--- -----
这将会启动一个本地服务器，并且在浏览器中自动打开我们新创建的 React 应用。
配置选项
react-setup-generator 提供了许多选项和配置，让我们能够自定义生成的 React 应用的骨架。在这里，我们将会介绍其中一些最常用的配置选项。
--typescript
如果您希望用 TypeScript 来编写您的 React 应用，那么您可以在创建新应用时添加 --typescript 参数来启用 TypeScript。
--------------------- ------ ------------
这个命令将会创建一个包含 TypeScript 的新 React 应用。
--redux
如果您计划使用 Redux 来管理您的应用的状态，那么您可以通过添加 --redux 参数来启用 Redux。
--------------------- ------ -------
这将会创建一个包含 Redux 的新 React 应用。
--router
如果您计划使用 React Router 来管理您的应用的路由，那么您可以通过添加 --router 参数来启用 React Router。
--------------------- ------ --------
这将会创建一个包含 React Router 的新 React 应用。
--styled-components
如果您使用 styled-components 来管理您的应用的样式，那么您可以通过添加 --styled-components 参数来启用 styled-components。
--------------------- ------ -------------------
这将会创建一个使用 styled-components 来管理样式的新 React 应用。
--storybook
如果您希望在开发过程中使用 Storybook 来预览和开发您的 React 组件，那么您可以通过添加 --storybook 参数来启用 Storybook。
--------------------- ------ -----------
这将会创建一个包含 Storybook 的新 React 应用。
结论
在本文中，我们学习了如何使用 react-setup-generator 工具来创建一个新的 React 应用。同时，我们还讲解了该工具的常用配置选项。如果您是一位需要不断快速开发新项目的前端工程师，那么 react-setup-generator 工具将能够帮助您提高工作效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056d1d81e8991b448e6e96