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

或使用 Vite（更轻量）：

npm create vite@latest my-app --template react
cd my-app

启动开发服务器

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

npm start

Vite 项目使用：

npm run dev

安装必要依赖

根据项目需求安装常用库（如路由、状态管理）：

npm install react-router-dom axios

配置编辑器

推荐使用 VS Code 并安装以下插件：

• ESLint（代码规范检查）
• Prettier（代码格式化）
• Reactjs code snippets（快速生成代码模板）

项目结构说明

典型 React 项目目录结构：

src/
  components/   # 可复用组件
  pages/        # 页面级组件
  App.js        # 根组件
  index.js      # 入口文件
public/         # 静态资源

生产环境构建

生成优化后的代码：

npm run build

构建结果位于 build 文件夹。