脚手架与模板
通过本章节你可以了解如何使用 create-uni 脚手架快速创建集成了 Wot UI 的 uni-app 项目,以及很多已经集成了 Wot UI 的 uni-app 快速起手项目。
脚手架
我们推荐使用 create-uni 创建项目,它支持一键创建集成 Wot UI 的基础项目。使用以下命令:
pnpm create uni <你的项目名称> --ts -m pinia -u wot -e将会完成以下工作:
- 创建一个 TypeScript 项目
- 集成 Pinia 状态管理
- 自动配置 WotUI 组件库
- 添加 ESLint 支持
更多信息请参见 create-uni。
模板
有非常多的优秀模板选择了 Wot UI 作为基础组件库,我们选取其中的3个模板模板来介绍一番,大家可以自行对比、选择。
wot-starter
🍀 wot-starter 是一个基于 vitesse-uni-app 深度整合 Wot UI 组件库的 uni-app 快速起手项目。它由 Wot UI 团队维护,告别 HBuilderX ,拥抱现代前端开发工具链。如果你是 Wot UI 的忠实用户,那么这个模板非常适合你。
也可以结合脚手架章节 create-uni 来创建项目,打开终端,然后使用以下命令:
pnpm create uni <project-name> -t wot-starter在 VS Code 中打开项目文件夹:
code <project-name>安装依赖:
pnpm install运行项目:
pnpm devvitesse-uni-app
vitesse-uni-app 由 Vite & uni-app 驱动的跨端快速启动模板,背靠 Uni Helper 团队,告别 HBuilderX ,拥抱现代前端开发。虽然没有深度整合 Wot UI 组件库,但是它是一个非常优秀的纯净模板,值得推荐。
unibest
unibest 使用了最新的前端技术栈,无需依靠 HBuilderX,通过命令行方式运行,编辑器推荐 VSCode,可选 webstorm)。内置大量基础功能,提供大量辅助功能,让你编写 uniapp 拥有 best 体验,可选择使用Wot UI。
更多模板
当然,还有更多的模板供你选择,你可以从以下列表中比较并选择一个你喜欢的模板来使用。
如果你正在开发整合 Wot UI 的 uni-app 模板,那么可以发送邮件到 1780903673@qq.com 联系我,我会在第一时间将你的模板添加到这个列表中。
| 模板 | Stars | 描述 |
|---|---|---|
| wot-starter | 🍀 基于 vitesse-uni-app 深度整合 Wot UI 组件库的 uni-app 快速起手项目,它由 Wot UI 团队维护,告别 HBuilderX ,拥抱现代前端开发工具链。 | |
| vitesse-uni-app | 由 Vite & uni-app 驱动的跨端快速启动模板,背靠 Uni Helper 团队,告别 HBuilderX ,拥抱现代前端开发。 | |
| unibest | 使用了最新的前端技术栈,无需依靠 HBuilderX,通过命令行方式运行,内置大量基础功能,提供大量辅助功能,让你编写 uniapp 拥有 best 体验。 | |
| vite-uniapp-template | 以实用为先的 uni-app 起手模板。 | |
| uni-plus | 一个 “超超超” 好用的 uniapp 开发模板。 | |
| uniez-template | 一个“功能”和“开发体验”优先的 uniapp 模板。 | |
| snail-uni | 专为开发者打造的 UniApp 框架模板。 |
