logo
0
0
WeChat Login
feat: React 项目初始化及配置优化

React 全家桶

基于 TDesign React 的现代化 React 项目模板,集成了主流开发工具和最佳实践。

技术栈

  • UI 组件库: TDesign React v1.12.0
  • 构建工具: Vite 5
  • 框架: React 18 + TypeScript
  • 路由: React Router v7
  • 状态管理: Zustand
  • 数据请求: Axios + React Query
  • 样式: TailwindCSS

项目结构

src/
├── assets/          # 静态资源
├── components/     # 公共组件
├── hooks/          # 自定义 Hooks
├── pages/          # 页面组件
├── router/         # 路由配置
├── services/       # API 服务
├── store/          # 状态管理
├── types/          # TypeScript 类型
└── utils/          # 工具函数

快速开始

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产版本
npm run preview

登录账号

  • 用户名: admin
  • 密码: admin123

功能模块

  • 仪表盘 - 数据统计展示
  • 用户管理 - 用户列表 CRUD
  • 表单示例 - 多种表单项演示
  • 表格示例 - 搜索、筛选、分页
  • 系统设置 - 基本设置和通知配置

环境变量

VITE_API_BASE_URL=/api