如何配置react环境

安装 Node.js 和 npm

React 开发需要 Node.js 环境，它自带 npm（Node Package Manager）。访问 Node.js 官网 下载并安装最新 LTS 版本。安装完成后，在终端运行以下命令验证是否成功：

node -v
npm -v

使用 Create React App 初始化项目

Create React App 是官方推荐的脚手架工具，能快速生成 React 项目结构。运行以下命令创建项目：

npx create-react-app my-app
cd my-app
npm start

项目启动后，默认会在浏览器打开 http://localhost:3000。

配置开发工具

推荐安装 Visual Studio Code 作为代码编辑器，并添加以下插件提升开发效率：

• ESLint：代码质量检查
• Prettier：代码格式化
• React Developer Tools：浏览器扩展，用于调试 React 组件

项目结构说明

生成的目录结构如下：

my-app/
  ├── node_modules/       # 依赖库
  ├── public/             # 静态资源
  ├── src/                # 主代码目录
  │   ├── App.js          # 根组件
  │   ├── index.js        # 入口文件
  ├── package.json        # 项目配置和依赖

安装额外依赖（可选）

根据需求安装常用库，例如路由管理或状态管理工具：

npm install react-router-dom  # 路由
npm install @reduxjs/toolkit react-redux  # 状态管理

生产环境构建

完成开发后，运行以下命令生成优化后的生产环境代码：

npm run build

构建结果会保存在 build/ 目录中，可直接部署到服务器。