React 模板项目

基于 React + TypeScript + Ant Design Pro 的企业级前端开发模板。

项目展示

技术栈

• React 18
• TypeScript
• Ant Design 5.x
• Ant Design Pro Components
• UmiJS 4.x
• @umijs/max
• ESLint + Prettier

项目特性

• 📦 开箱即用：中后台前端解决方案
• 🚀 技术栈：基于最新的 React 18
• 📱 响应式布局：支持多端适配
• 🛡 TypeScript 支持：全面支持
• 🌍 国际化：内置国际化支持
• 🎨 主题定制：灵活的定制主题能力
• 🔥 热更新：提升开发效率
• 🔧 开发工具链：完善的工具链支持

---

项目结构

以下是项目的文件结构，帮助您快速理解项目的模块划分和功能：

├── config                    # UMI 配置文件
├── mock                     # 本地模拟数据
├── public                   # 静态资源
├── src                     # 源码目录
│   ├── components          # 组件
│   ├── pages              # 页面
│   ├── services           # 后端服务
│   ├── models             # 数据模型
│   └── utils              # 工具函数
├── package.json            # 项目依赖
└── tsconfig.json          # TypeScript 配置

---

环境要求

• Node.js >= 12.0.0
• npm >= 6.x

开发脚本说明

• 开发环境运行
  • npm run dev：开发环境运行（无 mock 数据）
  • npm run start：开发环境运行（带 mock 数据）
• 生产环境打包
  • npm run build：生产环境打包
• 代码检查
  • npm run lint：代码检查
  • npm run lint:fix：自动修复代码格式
• 代码格式化
  • npm run prettier：格式化代码

---

主要依赖版本

依赖项	版本号
React	18.x
TypeScript	>=4.x
其他依赖项说明	<版本号>

---

贡献指南

欢迎社区贡献代码！以下是参与贡献的流程：

1. Fork 本仓库：点击右上角 Fork 按钮
2. 创建功能分支：创建一个新的功能分支（git checkout -b feature/your-feature）
3. 提交代码：在分支中完成开发，并提交代码（git commit -m "描述你的更改"）
4. 创建 Pull Request：提交 PR，我们会及时进行代码评审

---

许可证

本项目基于 MIT License 协议开源。