# pnpm-template-react-umi

**Repository Path**: lxyhs/pnpm-template-react-umi

## Basic Information

- **Project Name**: pnpm-template-react-umi
- **Description**: 仓库包管理工具pnpm、umi框架、antd组件库
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-11-10
- **Last Updated**: 2025-11-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# pnpm-template-react-umi

## 项目概述
本项目是一个基于 [Umi](https://umijs.org/) 框架的前端应用，使用 [pnpm](https://pnpm.io/) 作为包管理工具，适用于快速构建 React 单页应用（SPA）。

### 核心功能
- 首页展示：渲染 `src/pages/Home` 页面。
- 父子页面：渲染 `src/pages/Parent` 页面。

### 技术栈
- 前端框架: Umi ^4.5.3
- 语言支持: TypeScript ^5.0.3
- 包管理: pnpm
- 构建工具: Umi 内置 Webpack/Babel

## 安装与运行
### 环境要求
- Node.js（版本需兼容 Umi 4 和 TypeScript 5）
- pnpm（可通过 `npm install -g pnpm` 安装）

### 快速开始
1. 安装依赖:
   ```bash
   pnpm install
   ```
2. 启动开发服务器:
   ```bash
   pnpm dev
   ```

### 构建项目
运行以下命令生成生产环境代码：
```bash
pnpm build
```

## 项目结构
```
src/
├── layouts/                  # 全局布局组件
│   └── index.tsx
└── pages/                    # 页面组件
    ├── Home                  # /home 页面
    └── About                 # /about 页面
    └── Parent                # /parent 父页面
      └── Child.tsx           # /parent/child 子页面
└── routes/                   # 路由配置及菜单配置
    └── index.tsx             # 路由配置
    └── menusConfig.tsx       # 菜单配置
...
```