如何搭建react环境

安装Node.js和npm

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

node -v
npm -v

使用Create React App初始化项目

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

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

my-app为项目名称，可自定义。完成后，项目目录会自动包含基础配置和依赖。

启动开发服务器

进入项目目录后，运行以下命令启动开发服务器：

npm start

默认在浏览器打开http://localhost:3000，实时热更新代码变动。

安装必要依赖（可选）

根据项目需求添加常用库，例如路由管理：

npm install react-router-dom

或状态管理工具：

npm install @reduxjs/toolkit react-redux

配置编辑器与扩展

推荐使用VS Code并安装以下插件提升开发效率：

• ESLint：代码规范检查
• Prettier：代码格式化
• React Developer Tools：浏览器调试React组件

项目结构说明

默认生成的主要目录和文件：

• src/：源代码目录，包含入口文件index.js和主组件App.js
• public/：静态资源，如HTML模板和图标
• package.json：项目配置和依赖列表

生产环境构建

部署前需生成优化后的代码：

npm run build

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