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