使用 create-react-app、npm 和 yarn 开发 React 应用

介绍

React 是一个前端开发框架，主要用于构建用户界面。使用 React 开发应用时，最佳实践是使用一个工具来自动化构建过程。create-react-app 是一个用于快速创建 React 应用的工具。它内置了大量常用的配置和依赖项，从而可以轻松地搭建开发环境，并大大降低了前端开发的复杂度。

npm 和 yarn 是两个流行的 JavaScript 包管理器。它们可以用于下载和管理第三方 JavaScript 包依赖项，使得我们能够轻松地集成和管理所有的库和工具。

在本文中，我们将使用 create-react-app 创建一个新的 React 应用，并探讨如何使用 npm 和 yarn 来管理其依赖项。

步骤

步骤一：创建一个新的 React 应用

要使用 create-react-app 创建一个新的 React 应用，请打开终端并输入以下命令：

npx create-react-app my-react-app

此命令将创建一个名为 my-react-app 的新的 React 应用，其中包含所有必要的配置和依赖项。

步骤二：启动开发服务器

若要启动应用程序的开发服务器，请转到新创建的 my-react-app 目录并使用以下命令：

cd my-react-app
npm start

运行此命令后，系统将自动启动应用程序的开发服务器，并在默认浏览器中打开您的 React 应用程序。

步骤三：管理依赖项

要添加新的依赖项，请运行以下命令：

npm install my-package

此命令将下载和安装 my-package 包到您的项目中。在安装过程中，将更新 package.json 文件并将所有依赖项列表写入其中。

创建一个新的 React 应用时，create-react-app 命令已经帮我们在项目中自动安装了许多依赖项。 如果您需要安装特定版本的依赖项，请使用以下命令：

npm install my-package@1.0.0

要更新依赖项，请运行以下命令：

npm update my-package

要卸载依赖项，请运行以下命令：

npm uninstall my-package

除了 npm，还可以使用 yarn 管理依赖项。

要使用 yarn 安装所有依赖项，请运行以下命令：

yarn install

若要添加新的依赖项，请使用以下命令：

yarn add my-package

要更新现有的依赖项，请使用以下命令：

yarn upgrade my-package

要卸载依赖项，请使用以下命令：

yarn remove my-package

结论

使用 create-react-app、npm 和 yarn，可以轻松地创建、运行和管理 React 应用程序。当您下次需要创建 React 应用时，现在就可以开始使用它们了。