如何在 MacOS 上安装 ReactJS？

ReactJS 是 Facebook 于 2013 年创建的免费开源前端 JavaScript 库。ReactJS 是一个用户界面 (UI) 库，用于构建和操作 UI 组件。

在本文中，我们将详细引导您完成在 MacOS 上的完整 ReactJS 安装过程。在这里，我们将介绍：

1. NodeJS 和 NPM 安装。
2. ReactJS 库安装。
3. 创建一个 ReactJS 项目。

NodeJS 和 NPM：

为了在 MacOS 上安装 ReactJS，您必须首先安装 NodeJS 和 NPM。 NodeJS 是一个 JavaScript 运行时，它可以在浏览器之外运行 JavaScript。 NPM（node package manager）用于在命令行安装ReactJS等库。

安装 Nodejs 和 NPM：

安装 NodeJS 的唯一方法是通过他们的官方网站。安装 NodeJS 也会自动在你的机器上下载 NPM。你可以在这里找到他们的 NodeJS 下载部分。

下载 MacOS

一旦你通过他们的网站下载了 NodeJS，你应该在你的下载文件夹中找到下载的“.pkg”文件。只需双击打开这个“.pkg”文件，系统就会弹出一个提示，其中包含有关 NodeJS 和 NPM 安装过程的信息。

弹出窗口

只需浏览此弹出窗口中的下一部分，进入“安装类型”部分后，系统将提示您此消息：

安装确认

单击“安装”，或者如果要更改安装位置，请单击“更改安装位置”。这将启动 NodeJS 和 NPM 安装过程。完成后，您将收到一条显示 NodeJS 和 NPM 安装位置的最终消息。

Node.js 位置

如弹出窗口中所述，要从项目目录访问 NodeJS 和 NPM，请确保“/usr/local/bin”位于项目的“$PATH”中。要将“/usr/local/bin”添加到 MacOS 上的“$PATH”，请在项目的终端中运行以下命令：

export PATH=/usr/local/bin:$PATH

然后，您可以单击“关闭”关闭弹出窗口。

要检查 NodeJS 和 NPM 是否安装成功，请在项目的终端中运行：

node --version

和

npm --version

这将返回您的 NodeJS 和 NPM 版本。

在 MacOS 上安装 ReactJS：

现在您已经安装了 NodeJS 和 NPM，您现在应该可以通过运行以下命令在项目目录中安装 ReactJS：

npm install --save react react-dom

创建一个 ReactJS 项目：

现在你已经安装了 ReactJS，你可以通过运行创建一个新的 react 项目目录：

npx create-react-app my-react-project

这将创建一个名为“my-react-project”的新项目目录，如下所示：

一个反应项目结构

然后，您可以通过运行以下命令在此 React 项目中打开一个终端窗口：

cd my-react-project

一旦你进入这个 React 项目的终端窗口，你最终可以运行以下命令在“localhost:3000”上启动一个开发服务器：

npm start

本地反应开发服务器