介绍
React CLI（命令行接口）是一个基于 Node.js 平台的命令行工具，通过它可以快速创建和管理 React 项目。React CLI 可以帮助用户避免繁琐的项目配置和搭建，提高项目开发效率，是 React 开发中必不可少的工具之一。
安装
首先，需要在电脑上安装 Node.js 和 npm，安装好后运行以下命令安装 React CLI：
--- ------- -- ---------
全局安装 React CLI 后，可以在命令行中使用 react 命令来管理 React 项目。
创建项目
使用 React CLI 创建 React 项目非常简单，只需在命令行中运行 react create my-app 即可创建一个名为 my-app 的 React 项目。
----- ------ ------
创建完成后，进入 my-app 目录并运行 npm start 即可启动项目：
-- ------ --- -----
添加组件
在 React 中，页面是由组件构成的。使用 React CLI 可以非常方便地添加组件。
通过运行 react add 命令可以添加一个名为 MyComponent 的组件，并自动将其添加到 src/components 目录下的 index.js 文件中：
----- --- -----------
在 src/components/MyComponent.js 中编写组件代码：
------ ----- ---- --------
-------- ------------- -
------ -
-----
---------- -----------
------
--
-
------ ------- ------------在 src/components/index.js 中将 MyComponent 导出：
------ - ------- -- ----------- - ---- ----------------
这样我们就完成了一个简单的组件添加。
使用插件
React CLI 还提供了一些插件，可以帮助用户更方便地开发 React 项目。比如，使用 react-plugin-sass 插件可以方便地使用 Sass 编写样式。
首先，在项目根目录下运行以下命令安装 react-plugin-sass：
--- ------- ---------- -----------------
安装完成后，在 src/index.js 中导入 react-plugin-sass：
------ ---------------
这样就可以在 src 目录下创建 index.scss，并在其中编写样式：
---- - ----------------- ----- -
打包项目
最后，使用 React CLI 可以非常方便地打包项目。打包后的文件会自动添加 hash，确保文件名的唯一性。
使用 react build 命令可以将项目打包成静态文件，并生成到 build 目录中：
----- -----
打包完成后，可以在 build 目录中找到打包后的文件。
总结
React CLI 是一个十分实用的工具，它可以帮助我们更高效地创建、管理和打包 React 项目。在本文中我们介绍了如何使用 React CLI 创建项目、添加组件和使用插件，以及如何打包项目。这些基本的使用方法将帮助您更快地进入 React 开发的世界。
完整示例代码可在 GitHub 中获取。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60057b1381e8991b448eb797