运行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：应用入口文件
• src/App.js：主组件文件
• public/index.html：HTML 模板
• package.json：依赖和脚本配置

启动开发服务器

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

npm start

默认在 http://localhost:3000 自动打开浏览器。

安装必要依赖

根据需要添加常用库（示例）：

npm install axios react-router-dom

配置自定义设置

修改 package.json 可调整项目配置，例如：

"scripts": {
  "build": "react-scripts build",
  "test": "react-scripts test"
}

生产环境构建

生成优化后的生产版本：

npm run build

构建结果位于 build 文件夹。

可选配置覆盖

如需自定义 Webpack 配置，可通过以下方式：

1. 执行 npm run eject（不可逆操作）
2. 或使用 react-app-rewired 等第三方工具覆盖配置