运行react如何配置
安装 Node.js 和 npm
确保系统已安装 Node.js(建议使用 LTS 版本),npm 会随 Node.js 自动安装。可通过以下命令检查版本:
node -v
npm -v
创建 React 项目
使用官方工具 create-react-app 快速初始化项目:
npx create-react-app my-app
cd my-app
项目结构说明
生成的项目目录通常包含:
src/:源代码目录,主入口为index.jspublic/:静态资源如 HTML 模板package.json:依赖和脚本配置
启动开发服务器
运行以下命令启动本地开发环境:

npm start
默认访问 http://localhost:3000。
配置自定义设置
如需修改 Webpack 或 Babel 配置,可通过以下方式:
- 使用
npm run eject暴露配置文件(不可逆操作) - 或通过
react-app-rewired覆盖配置
添加必要依赖
根据需求安装常用库:

npm install axios react-router-dom
环境变量配置
在项目根目录创建 .env 文件定义环境变量:
REACT_APP_API_URL=https://api.example.com
变量需以 REACT_APP_ 开头。
生产环境构建
生成优化后的生产版本:
npm run build
输出文件位于 build/ 目录。






