macbook如何安装react

安装 React 的步骤

确保 macOS 系统已安装 Node.js（建议使用 LTS 版本），可通过终端输入 node -v 和 npm -v 检查版本。若未安装，需从 Node.js 官网 下载并安装。

打开终端，使用以下命令全局安装 Create React App 工具链：

npm install -g create-react-app

创建新的 React 项目：

npx create-react-app my-app

其中 my-app 为项目名称，可根据需求修改。

进入项目目录并启动开发服务器：

cd my-app
npm start

执行后会自动打开浏览器访问 http://localhost:3000，显示默认 React 页面。

使用 Yarn 替代 npm（可选）

若已安装 Yarn，可通过以下命令创建项目：

yarn create react-app my-app

启动时使用：

yarn start

项目结构说明

生成的目录包含以下核心文件：

• src/App.js: 主组件文件
• src/index.js: 应用入口文件
• public/index.html: 主 HTML 模板

安装额外依赖

如需添加路由等功能，可安装相关库：

npm install react-router-dom

生产环境构建

完成开发后，生成优化版本：

npm run build

构建结果将保存在 build 文件夹中。