react 如何运行

运行 React 项目的步骤

安装 Node.js
确保系统已安装 Node.js（建议版本 16+），可通过官网下载并安装。安装后验证版本：

node -v
npm -v

创建 React 项目
使用官方脚手架工具 create-react-app 快速初始化项目：

npx create-react-app my-app

或通过 Vite 创建（推荐更快的构建工具）：

npm create vite@latest my-app --template react

启动开发服务器
进入项目目录并运行开发模式：

cd my-app
npm start

Vite 项目使用：

npm run dev

默认情况下，开发服务器会运行在 http://localhost:3000（或 Vite 的 5173 端口）。

生产环境构建
生成优化后的静态文件：

npm run build

构建后的文件位于 build 或 dist 目录，可直接部署到服务器。

关键依赖说明

• react 和 react-dom：核心库。
• react-scripts（CRA 项目）：封装了 Webpack 配置和脚本命令。
• vite：替代方案，提供更快的开发和构建速度。

常见问题

• 端口冲突：修改启动端口可通过环境变量指定，例如 PORT=4000 npm start。
• 依赖安装失败：尝试删除 node_modules 后重新运行 npm install。