基于 Vue 3 + TypeScript + Vite + TDesign Uniapp 的活动报名模板，支持 H5、微信小程序、支付宝小程序等多平台。
- 🎨 TDesign 组件库 - 腾讯出品的企业级设计体系
- 📦 开箱即用 - 完整的项目结构和配置
- 🔧 TypeScript - 完整的类型支持
- ⚡ Vite - 极速的开发体验
- 🌐 多平台支持 - H5 / 微信 / 支付宝 / 抖音 / QQ / 百度 / 快手 / 京东 / 小红书等
- 🎯 自动导入 - 组件和 API 自动按需导入
- 📝 代码规范 - ESLint + Stylelint + Husky 保障代码质量
- Node.js: >= 18.0.0
- pnpm: >= 8.0.0 (推荐)
# 克隆项目
git clone https://github.com/TDesignOteam/tdesign-uniapp-starter-apply.git
# 进入项目目录
cd tdesign-uniapp-starter-apply
# 安装依赖
pnpm install
# 启动 H5 开发
pnpm dev:h5
# 启动微信小程序开发
pnpm dev:mp-weixin| 平台 | 命令 |
|---|---|
| H5 | pnpm dev:h5 |
| H5 SSR | pnpm dev:h5:ssr |
| 微信小程序 | pnpm dev:mp-weixin |
| 支付宝小程序 | pnpm dev:mp-alipay |
| 抖音小程序 | pnpm dev:mp-toutiao |
| QQ 小程序 | pnpm dev:mp-qq |
| 百度小程序 | pnpm dev:mp-baidu |
| 快手小程序 | pnpm dev:mp-kuaishou |
| 京东小程序 | pnpm dev:mp-jd |
| 飞书小程序 | pnpm dev:mp-lark |
| 小红书小程序 | pnpm dev:mp-xhs |
| 鸿蒙元服务 | pnpm dev:mp-harmony |
| 平台 | 命令 |
|---|---|
| H5 | pnpm build:h5 |
| H5 SSR | pnpm build:h5:ssr |
| 微信小程序 | pnpm build:mp-weixin |
| 支付宝小程序 | pnpm build:mp-alipay |
| 抖音小程序 | pnpm build:mp-toutiao |
| QQ 小程序 | pnpm build:mp-qq |
| 百度小程序 | pnpm build:mp-baidu |
| 快手小程序 | pnpm build:mp-kuaishou |
| 京东小程序 | pnpm build:mp-jd |
| 飞书小程序 | pnpm build:mp-lark |
| 小红书小程序 | pnpm build:mp-xhs |
| 鸿蒙元服务 | pnpm build:mp-harmony |
# 检查代码
pnpm lint
# 自动修复
pnpm lint:fix# 检查样式
pnpm lint:css
# 自动修复
pnpm lint:css:fixpnpm type-check💡 提交代码时会自动运行 lint-staged 进行代码检查和修复
├── src/
│ ├── api/ # API 接口
│ ├── components/ # 公共组件
│ ├── pages/ # 页面目录
│ ├── static/ # 静态资源
│ ├── styles/ # 全局样式
│ ├── utils/ # 工具函数
│ ├── App.vue # 根组件
│ ├── main.ts # 入口文件
│ ├── pages.json # 页面路由配置
│ ├── manifest.json # 应用配置
│ └── uni.scss # uni-app 全局样式变量
├── .eslintrc.js # ESLint 配置
├── .stylelintrc.js # Stylelint 配置
├── tsconfig.json # TypeScript 配置
├── vite.config.ts # Vite 配置
└── package.json # 项目依赖
- 移动端活动报名页面模版: CoDesign
- 访问密码:
YFS5