跳转至

模板项目

🚀 技术栈

  • Node.js: v20+
  • Vite: v7 (构建工具)
  • React: v19 (UI框架)
  • TypeScript: v5.8 (类型安全)
  • shadcn/ui: v1 (现代化UI组件库)
  • antd: v6 (UI组件库)
  • Radix UI: v1+ (无障碍访问底层组件)
  • Zustand: v5 (轻量级状态管理)
  • Redux: (数据缓存)
  • React Router: v7 (路由)
  • ESLint: v9 (代码检查)
  • Prettier: v3.7 (代码格式化)
  • Tailwind CSS: v4 (样式框架)
  • Lucide React: v0.5+ (图标库)
  • pnpm: 包管理器

UI组件和状态管理由项目模板决定

📦 项目结构

├── mock/                    # Mock 数据
├── public/                  # 静态资源
├── src/
│   ├── assets/             # 资源文件
│   │   ├── svg/           # SVG 图标
│   │   └── images/        # 图片资源
│   ├── components/         # 公共组件
│   │   ├── ui/            # shadcn/ui 组件库 antd模板没有
│   │   └── TestShadcn.tsx # 组件测试文件
│   ├── constants/          # 常量配置
│   ├── framework/          # 页面布局框架
│   ├── hooks/              # 自定义React Hooks
│   ├── lib/                # 工具库函数
│   ├── pages/             # 页面组件
│   ├── provider/          # 上下文提供者
│   ├── requests/          # 网络请求封装
│   ├── services/          # 业务服务层
│   ├── stores/            # Zustand/redux 状态管理
│   ├── styles/            # 全局样式
│   ├── types/             # TypeScript 类型定义
│   └── utils/             # 工具函数
├── components.json         # shadcn/ui 配置 antd模板没有
├── .eslintrc.js           # ESLint 配置
├── .prettierrc.cjs        # Prettier 配置
├── .prettierignore        # Prettier 忽略文件
├── vite.config.ts         # Vite 配置
└── package.json           # 项目配置