在使用 React 之前,你需要进行一些基本的安装和设置。以下是在 React 项目中进行安装的步骤:

1. 安装 Node.js 和 npm

React 应用通常使用 npm(Node 包管理器)来管理依赖项。首先,你需要安装 Node.js,它会自带 npm。

你可以从 [Node.js 官方网站](https://nodejs.org/) 下载 Node.js 的最新版本,并按照安装程序的指示进行安装。

2. 创建 React 应用

React 官方提供了一个工具,称为 Create React App,用于快速创建和启动 React 项目。你可以使用以下命令全局安装 Create React App:
npm install -g create-react-app

3. 创建新的 React 应用

在你选择存储项目的目录下,使用以下命令创建一个新的 React 应用:
npx create-react-app my-react-app

这将在当前目录下创建一个名为 my-react-app 的新目录,并在其中初始化 React 项目。

4. 进入项目目录
cd my-react-app

5. 启动开发服务器

进入项目目录后,使用以下命令启动开发服务器:
npm start

这将启动一个本地开发服务器,并在默认浏览器中打开你的 React 应用。你将看到一个欢迎页面,表示 React 应用已经成功启动。

这样,你就成功安装和创建了一个简单的 React 应用。你可以开始编辑 src 目录下的文件,修改和扩展你的应用。Create React App 会提供一些默认的文件和配置,以帮助你开始 React 开发。

需要注意的是,如果你不使用 Create React App,你仍然可以手动安装 React、ReactDOM 等库,但 Create React App 提供了一个简单而强大的初始设置,适用于大多数 React 项目。


转载请注明出处:http://www.zyzy.cn/article/detail/4843/React