运行react如何配置

安装 Node.js 和 npm

确保系统已安装 Node.js（建议版本 16 或更高），npm 会随 Node.js 自动安装。可通过以下命令检查版本：

node -v
npm -v

创建 React 项目

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

npx create-react-app my-app
cd my-app

启动开发服务器

进入项目目录后运行以下命令启动开发环境：

npm start

默认情况下，应用会在 http://localhost:3000 自动打开浏览器。

项目结构说明

关键目录和文件：

• src/：主要开发目录，包含入口文件 index.js 和组件代码
• public/：静态资源如 HTML 模板和图片
• package.json：项目依赖和脚本配置

添加必要依赖

根据需求安装常用库，例如路由管理：

npm install react-router-dom

配置 ESLint 和 Prettier（可选）

为代码风格一致性，可添加以下配置：

1. 安装依赖：

   npm install --save-dev eslint prettier eslint-config-prettier

2. 创建 .eslintrc.json 和 .prettierrc 配置文件

生产环境构建

生成优化后的代码：

npm run build

构建结果位于 build/ 目录，可直接部署到服务器。

自定义 Webpack 配置（高级）

如需修改默认配置，使用 react-app-rewired：

1. 安装工具：

   npm install react-app-rewired --save-dev

2. 创建 config-overrides.js 文件进行扩展配置