前言：create-react-app 是一个开源的 React 项目模板，能够帮助用户快速创建 React 项目，并提供很多常用的依赖和配置。本文将介绍如何使用 @ehyland-org/create-react-app 这个 npm 包来快速创建属于自己的 React 项目。
一、安装和初始化
首先，我们需要在本地安装 @ehyland-org/create-react-app 这个 npm 包，可以使用以下命令：
--- ------- -- -----------------------------
安装完成后，我们可以使用以下命令来创建一个新的 React 项目：
---------------- ------
其中，my-app 表示我们要创建的项目名称，可以自行修改。
二、项目目录结构
创建完成后，我们可以看到项目目录结构如下：
-------
---------
-------------
------------
-------
----------
-----------
----
-------
------
-----------
---------
--------
--------其中，public 目录下的 index.html 是我们项目的主页面，src 目录下的 App.js 是我们的主组件代码，index.js 是项目的入口文件。App.css 和 index.css 则是对应的样式文件。
三、运行和打包
在安装完成和修改代码后，我们可以使用以下命令运行项目：
--- -----
然后我们就可以在浏览器中查看运行情况了。同时，如果我们希望打包我们的项目，可以使用以下命令：
--- --- -----
这个命令将会构建一个生产环境下的压缩文件，方便部署到服务器。
四、自定义配置
如果我们需要对项目进行自定义配置，@ehyland-org/create-react-app 同样提供了多种方式供我们选择：
- 直接修改 package.json 文件中的配置选项，例如修改项目名称、设置代理等；
- 使用 react-scripts eject 命令进行配置项的暴露，方便我们进行更详细的配置；
- 使用 react-app-rewired 这个 npm 包来实现更加灵活的配置，在官方文档中也有介绍。
五、示例代码
以下是一个简单的示例代码，用于展示如何在主组件中渲染一个列表：
------ ----- ---- --------
----- --- ------- --------------- -
------------------ -
-------------
---------- - -
--------- -
-
--- --
----- --------
--
-
--- --
----- ---------
--
-
--- --
----- ---------
--
--
--
-
------------ -
----- - -------- - - -----------
------ ------------------- -- -
--- ------------------------------
---
-
-------- -
------ -
-----
----------------------------
------
--
-
-
------ ------- ----以上简单介绍了 @ehyland-org/create-react-app 这个 npm 包的使用方法，希望能对大家平日的工作有所帮助。如果有任何疑问，欢迎在下方评论区留言。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562da81e8991b448e03b9