React 已经成为前端框架的代表，它提供了高效、快速、易于维护的方式来构建客户端 Web 应用程序。然而，不管是初学者还是开发经验丰富的专家都需要花费大量的时间来配置整个 React 开发环境。为了解决这个问题，我们推荐使用 react-ready-app-cli 这个 npm 包来创建一个基础的 React 应用程序模板，并提供一些快捷命令。
步骤 1：安装 react-ready-app-cli
首先，我们需要在全局环境中使用 npm 安装 react-ready-app-cli， 它将在全局环境中注册为一个可执行文件：
$ npm i -g react-ready-app-cli
步骤 2：创建项目
我们可以在命令行中使用 react-ready-app-cli 来创建一个新的 React 应用程序：
$ react-ready-app-cli my-react-app
这个命令将创建一个名为 my-react-app 的目录，并在其中创建一个基础的 React 应用程序模板。
步骤 3：运行项目
我们可以使用以下命令来启动应用程序：
$ cd my-react-app $ npm start
这会在浏览器中打开一个新的选项卡，并在本地主机的端口 3000 上启动 React 服务器。
步骤 4：安装额外的包
我们可以使用 npm 命令来安装任何其他 React 相关的 npm 包：
$ npm install --save react-router-dom
步骤 5：使用 react-ready-app-cli 快捷命令
React Ready App CLI 提供了一些快捷命令，例如快速生成 React 组件。使用以下命令：
$ rl-component MyComponent
这将在 src/Components 目录中生成一个名为 MyComponent.js 的组件文件。
示例代码
以下是一个演示如何使用快捷命令来创建新的 React 组件的样例代码：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
----- ----------- ------- --------- -
-------- -
------ ----------- -------------
-
-
------ ------- ------------结论
React Ready App CLI 使得在本地安装 React 以及初步配置变得更加容易和快速。这个方便的工具可以提高您的工作效率，并在您的开发过程中提供更多的资源。让我们开始创造自己的 React 应用程序吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600564e681e8991b448e18ac