react的工程如何跑
运行 React 工程的步骤
安装 Node.js
确保系统已安装 Node.js(建议版本 14 或更高),可从 Node.js 官网 下载并安装。安装完成后,通过以下命令验证版本:
node -v
npm -v
安装项目依赖
进入 React 工程根目录,执行以下命令安装依赖:
npm install
若使用 Yarn,可替换为:
yarn install
启动开发服务器
运行以下命令启动开发环境:
npm start
或使用 Yarn:
yarn start
默认情况下,开发服务器会启动在 http://localhost:3000,浏览器将自动打开页面。
构建生产版本
生成优化后的生产环境代码,执行:
npm run build
构建后的文件会保存在 build 目录中,可直接部署到服务器。
常见问题处理
端口冲突
若默认端口 3000 被占用,可通过修改启动命令指定端口:
PORT=4000 npm start
依赖安装失败
清除缓存并重新安装:
npm cache clean --force
rm -rf node_modules package-lock.json
npm install
环境变量配置
创建 .env 文件定义环境变量,例如:

REACT_APP_API_URL=https://api.example.com
变量需以 REACT_APP_ 前缀开头,才能在代码中通过 process.env 访问。






