使用 create-react-app CLI 有什么优势？

简介：要开始使用任何框架，您需要了解需要安装的所有文件。使用 React，您无需担心这一点。 React 将安装您开始使用单个命令所需的所有文件。它将安装所有必要的软件包，您可以立即开始渲染和构建您的项目。

方法：可以使用 create-react-app CLI 轻松创建 React 项目。让我们使用 create-react-app CLI 创建一个 React 项目。

好处：

1. 它可以帮助您以流畅和轻松的方式创建和配置 React 项目。易于开始开发您的项目。
2. 项目是默认结构化的。所有组件更改都将在源文件夹中完成。节点模块具有单独的文件夹，其中包含包中提到的依赖项。 json 文件。
3. 预先安装了 React-scripts 包，其中包含 Babel 和 Webpack 配置，以便您轻松运行和部署项目。为您设置默认视图以开始构建您的组件。
4. 使用此命令设置编译器、构建和测试环境。用于测试 @testing-library/jest-dom 和 @testing-library/react 已经安装，您可以为您的项目运行测试。

创建反应项目：

第 1 步：要创建一个反应应用程序，您需要通过 npx 命令安装反应模块。使用“Npx”而不是“npm”，因为您将在应用程序的生命周期中只需要一次此命令。在命令提示符中输入此语句。您可以根据自己的使用情况选择项目名称。

npx create-react-app project_name

第 2 步：当您在第 1 步中运行命令时，您可以看到命令提示符正在下载所有必需的文件，并且您的项目正在构建。创建反应项目后，移动到文件夹中以执行不同的操作。

cd project_name

项目结构：运行上述步骤中提到的命令后，如果您在编辑器中打开项目，您可以看到类似的项目结构，如下所示。用户制作的新组件或我们将执行的代码更改将在源文件夹中完成。

项目结构

运行应用程序的步骤：打开终端并键入以下命令：

npm start

输出：打开浏览器。默认情况下，它将打开一个运行 localhost (http://localhost:3000/) 的选项卡，您可以看到图像中显示的输出。

默认视图

npm run test

输出：打开命令提示符并使用此命令。它将为您的项目运行测试用例，您可以看到图像中显示的输出。

使用 create-react-app CLI 轻松开始您的 React 项目。