你听说过 React.js JavaScript 库吗？它非常酷，被开发人员广泛使用于创建交互式用户界面和组件。

本文中，我们将向你展示如何在 MacOS 上面建立 React 开发环境。

Step 1: Installing Node.js and NPM

首先，你需要在 Mac 电脑上安装 Node.js 和 NPM

nvm install 16

如何在 macOS 上安装和配置 NVM ?

Step 2: Install create-react-app Module

安装完 Node.js 和 NPM 后，就可以在终端中输入以下命令来安装 React CLI

npm install create-react-app --location=global

Step 3: Creating React Application

将当前目录路径更改为 /root 目录，可以使用其他目录路径，但是要确目录中不包含 git 存储库。

npx create-react-app my-app

然后，切换到项目目录，并使用 npm 启动它：

cd my-app 
npm start

应用程序默认监听 localhost:3000，您可以在 web 浏览器中访问它。

Safari 是 macOS 默认浏览器，你也可以使用 Chrome 浏览器。谷歌 chrome 提供了开发环境和 React 开发者工具的 chrome 扩展。

Step 4: Build React Application

React 应用程序准备好后，使用以下命令来构建应用程序。

npm run build

上面的命令构建 React 应用程序，并在当前目录下创建一个名为 build 的文件夹，包含应用程序所需的 JavaScript 代码和其他资源。

我的开源项目

• course-tencent-cloud（酷瓜云课堂 - gitee仓库）
• course-tencent-cloud（酷瓜云课堂 - github仓库）