如何在 macOS 上创建 React.js 应用程序？

鸠摩智首席音效师2026-07-15 10:45

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

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

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

复制代码

nvm install 16

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

复制代码

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

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

复制代码

npx create-react-app my-app

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

复制代码

cd my-app 
npm start

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

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

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

复制代码

npm run build

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

如何在 macOS 上创建 React.js 应用程序 ？