如何搭建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

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

启动开发服务器

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

npm start

默认情况下，浏览器会自动打开 http://localhost:3000 并显示欢迎页面。代码修改后会实时热更新。

安装必要依赖（可选）

根据项目需求，可安装额外依赖。例如，路由管理使用 react-router-dom：

npm install react-router-dom

状态管理可使用 Redux 或 Context API：

npm install @reduxjs/toolkit react-redux

项目结构说明

Create React App 生成的标准目录结构如下：

• src/: 存放源代码，包括主入口 index.js 和组件文件。
• public/: 静态资源如 HTML 模板和图片。
• package.json: 项目配置和依赖列表。

生产环境构建

完成开发后，运行以下命令生成优化后的生产版本：

npm run build

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

其他工具推荐

• 代码编辑器: VS Code 配合 ESLint 和 Prettier 插件。
• 调试工具: 安装 React Developer Tools 浏览器扩展。
• 测试框架: Jest 和 React Testing Library 已默认集成。