介绍
cra-kit 是一个 React 项目脚手架工具，可以帮助我们快速搭建一个基于 Create React App 的项目，并且内置了常用的配置和功能，如 Redux、React Router 等。这个 npm 包提供了一个简单易用的命令行工具，可以快速创建和启动一个 React 项目。
安装
你可以使用 npm 安装 cra-kit：
npm install -g cra-kit
安装完成后，你就可以在终端使用 cra-kit 命令来创建 React 项目。
创建项目
使用 cra-kit 创建一个新的 React 项目非常简单，只需要在终端输入以下命令：
cra-kit create my-app cd my-app npm start
其中，my-app 是你要创建的项目名称，可以根据实际情况修改。
执行 cra-kit create my-app 命令时，cra-kit 会自动下载 Create React App，并使用它来创建一个新的项目。在创建完成后，你可以使用 cd my-app 命令进入项目目录，并使用 npm start 命令启动项目，看看效果。
配置
cra-kit 内置了常用的配置和功能，如 Redux、React Router 等，默认情况下这些功能是开启的。如果你想自定义这些配置，可以使用 cra-kit eject 命令来将配置文件暴露出来，这样你就可以自由地修改这些配置了。
但是需要注意的是，一旦使用 cra-kit eject 命令将配置文件暴露出来后，就无法再使用 cra-kit 命令来创建新的项目。因此，建议仅在必要的情况下使用 cra-kit eject 命令。
示例代码
以下是一个基于 cra-kit 创建的简单的 React 应用程序示例，该示例使用了 Redux、React Router 和 Ant Design 组件库：
-- -------------------- ---- -------
-- --------
------ ----- ---- --------
------ -------- ---- ------------
------ - -------- - ---- --------------
------ - ----------- - ---- --------
------ - -------------- ----- - ---- -------------------
------ --- ---- --------
------ ----------- ---- ------------
------ ---------------------
----- ----- - -------------------------
----------------
--------- --------------
---------------
------ -------- --------------- --
----------------
------------
-------------------------------
--
-- ------
------ ----- ---- --------
------ - ---- - ---- -------------------
------ - ------- ---- - ---- -------
----- - ------- ------- - - -------
-------- ----- -
------ -
------- -------------------
--------
---- ---------------- --
----- ------------ ----------------- ----------------------------
---------- ------------- ------------------------------
---------- ------------- ------------------------------------
---------- ------------- ----------------------------------------
-------
---------
-------- -------- -------- ----- ----- ---
---- -------- ----------- ------- -------- --- ---------- --- ---
------ ----- -------- ---------------- --
------ ------------- ----------------- --
------ --------------- ------------------- --
------
----------
---------
--
-
-------- ------ -
------ -
-----
-------------
---------- -- -- -----------
------
--
-
-------- ------- -
------ -
-----
--------------
-------- ---- ----- ------
------
--
-
-------- --------- -
------ -
-----
----------------
------ -- ----- ---- ------
------
--
-
------ ------- ----
-- ----------
------ - --------------- - ---- --------
-------- ------------- - -- ------- -
------ ------------- -
---- ------------
------ ----- - --
---- ------------
------ ----- - --
--------
------ ------
-
-
----- ----------- - -----------------
--------
---
------ ------- ------------结束语
本文介绍了如何使用 npm 包 cra-kit 快速创建和启动一个基于 Create React App 的 React 项目，并且介绍了如何配置和自定义这个项目。希望本文能够对大家学习 React 开发有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005693281e8991b448e4bd4