在前端开发中，React 是一个非常流行的 JavaScript 库，它用于构建用户界面。但是，创建一个 React 应用程序可能会涉及到很多的配置和工作，这会消耗开发者大量的时间和精力。为了简化 React 应用程序的创建过程，Facebook 推出了一个名为 create-react-app 的命令行工具，它可以快速创建一个干净的、预先配置好的 React 应用程序。但是，这个工具也有一些不便利的地方，比如可能会清理你的项目文件夹，使你失去你想要保留的文件。为了解决这个问题，我们可以使用一个名为 create-react-app-skeleton 的 npm 包，这本质上是一个维护到官方 create-react-app 在创建应用程序时不会删除文件的分支。
安装
要安装 create-react-app-skeleton，你需要在命令行中运行以下命令：
--- ------- -- -------------------------
这会将 create-react-app-skeleton 安装在你的计算机上，并且可以全局使用。
创建应用
创建一个 React 应用程序非常简单。首先，你需要在命令行中进入你想要创建应用程序的目录，然后运行以下命令：
------------------------- ------
其中，my-app 是你为你的新应用程序指定的名称。这个命令会在当前目录下创建一个名为 my-app 的文件夹，并在其中添加一个新的 React 应用程序。该应用程序已经预先配置好了，以便使用许多常见的功能，比如路由和 Redux。
运行应用
要运行新创建的应用程序，请进入应用程序目录，然后运行以下命令：
-- ------ --- -----
这会启动一个开发服务器，并在默认浏览器中打开应用程序。你现在可以在开发者模式下进行应用程序开发，并且每次保存文件时，应用程序都会自动重新加载，以便快速测试和实验。
学习与指导意义
使用 create-react-app-skeleton 可以让你更轻松地开始构建 React 应用程序，而无需任何额外的设置或配置。同时，该工具包含了很多常见的功能和库，这些功能和库可以让你更容易地构建和管理 React 应用程序。此外，该工具还提供了一个示例应用程序，可以帮助你快速学习如何构建一个完整的 React 应用程序。
在学习 React 时，使用 create-react-app-skeleton 可以让你专注于 React 本身，而无需担心其他复杂的设置或配置。这样，你可以更容易地理解 React 的核心概念和功能，并更快地掌握 React 开发。
在实际开发中，使用 create-react-app-skeleton 可以让你更快地开始构建 React 应用程序。同时，由于该工具已经配置好了许多常见的功能和库，你可以更轻松地添加自定义功能，并在您的应用程序中管理这些功能。
示例代码
以下是一个简单的 React 应用程序示例，它使用 create-react-app-skeleton 创建，并包含一些基本的组件和样式：
------ ------ - --------- - ---- --------
------ ------------
----- --- ------- --------- -
-------- -
------ -
---- ----------------
------- -----------------------
--- ----------------------------- -- -- --------
---------
-- ----------------------
-- --- -------- ---- ----------------------- --- ---- -- -------
----
------
--
-
-
------ ------- ----此应用程序定义了一个名为 App 的组件，它包含一个标题和一些简单的文本。此应用程序还使用了一个名为 App.css 的样式文件，用于定义应用程序的外观和样式。最后，该应用程序将组件导出，以便在其他文件中使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055aa481e8991b448d81d0