运行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.js
• public/：静态资源如 HTML 模板
• package.json：依赖和脚本配置

启动开发服务器

运行以下命令启动本地开发环境：

npm start

默认访问 http://localhost:3000。

配置自定义设置

如需修改 Webpack 或 Babel 配置，可通过以下方式：

1. 使用 npm run eject 暴露配置文件（不可逆操作）
2. 或通过 react-app-rewired 覆盖配置

添加必要依赖

根据需求安装常用库：

npm install axios react-router-dom

环境变量配置

在项目根目录创建 .env 文件定义环境变量：

REACT_APP_API_URL=https://api.example.com

变量需以 REACT_APP_ 开头。

生产环境构建

生成优化后的生产版本：

npm run build

输出文件位于 build/ 目录。