📜  如何在 MacOS 上安装 ReactJS?(1)

📅  最后修改于: 2023-12-03 15:24:16.848000             🧑  作者: Mango

如何在 MacOS 上安装 ReactJS?

ReactJS 是 Facebook 推出的一款流行的 JavaScript 库,用于构建高效可维护的用户界面。以下是在 MacOS 上安装 ReactJS 的步骤。

安装 Node.js 和 npm

ReactJS 是运行在 Node.js 和 npm 环境下的,因此在安装 ReactJS 之前,您需要先安装 Node.js 和 npm。

可以到 Node.js 官网(https://nodejs.org/)下载最新版本的 Node.js 并进行安装。

安装完成后,您可以打开终端并输入以下命令来检查 Node.js 和 npm 是否已成功安装:

node -v
npm -v

如果您在终端看到了版本号,那么恭喜您已成功安装 Node.js 和 npm。

使用 Create React App 创建新项目

Create React App 是一个官方提供的命令行工具,用于快速创建新的 React 项目。

为了使用 Create React App,您首先需要全局安装它,可以在终端上运行以下命令:

npm install -g create-react-app

安装完成后,您可以使用以下命令来创建一个新的 React 项目:

create-react-app my-app

其中,my-app 是您的项目名称,名字可以自己定义。

Create React App 会自动创建一个新的 React 项目,并安装所有必要的依赖项。

运行 React 应用程序

完成 Create React App 的创建后,您可以使用以下命令来启动应用程序:

cd my-app
npm start

然后,您可以在浏览器中访问 http://localhost:3000 来查看应用程序。

现在,您已经成功地在 MacOS 上安装了 ReactJS,并创建了一个新的 React 项目。祝愉快的编码!