unibest 是一个基于 uni-app 的现代化、企业级工程化开发框架,主打 Vue3 + TypeScript + Vite5 技术栈,目标是让 uni-app 开发更高效、规范、易维护。
一、核心定位与技术栈
-
定位:不是简单模板,而是完整的 uni-app 现代化开发解决方案,解决原生 uni-app 配置繁琐、跨端兼容、工程化缺失等痛点。
-
核心技术栈:
-
uni-app:跨端基础(一套代码,多端运行)
-
Vue3:Composition API、更好的类型与性能
-
TypeScript:类型安全、提升可维护性
-
Vite5:极速构建、热更新
-
UnoCSS:原子化 CSS,灵活高效
-
Pinia:状态管理(替代 Vuex)
-
wot-ui / uView:可选 UI 组件库
二、核心特性(开箱即用)
- 工程化与规范
- 内置 ESLint + Prettier + Husky,统一代码风格与提交规范
- 约定式路由 + 路由守卫(登录拦截、权限控制)
- Layout 布局系统,快速搭建页面结构
- 统一请求封装 + 拦截器(token、错误、loading 统一处理)
- 跨端能力强化
- 支持 9 大平台:微信/支付宝/抖音/QQ 小程序、H5、App(iOS/Android)等
- 内置 API 抹平层、样式隔离、px2rpx 自动转换,降低多端兼容成本
- 命令行开发为主,不依赖 HBuilderX(仅 App 打包需辅助)
- 开发体验升级
- Vite5 驱动,冷启动速度提升约 83%
- 完整的 VS Code 插件与配置,智能提示、自动格式化
- 集成常用工具:Pinia 模块化模板、工具函数库、分页组件(z-paging)等
三、适用场景
- 中大型 uni-app 项目(小程序、H5、App)
- 追求 TypeScript + 工程化规范 的团队
- 希望 快速搭建、减少重复配置 的开发者
四、快速上手(命令行)
# 1. 克隆项目
git clone https://github.com/unibest-tech/unibest.git
# 2. 安装依赖
pnpm install
# 3. 运行(以微信小程序为例)
pnpm dev:mp-weixin
# 4. 打包
pnpm build:mp-weixin
五、与原生 uni-app 的区别
unibest 本质是把 uni-app 开发中最常用、最繁琐的配置和最佳实践封装成一套可直接使用的工程模板,让你专注业务逻辑,而非搭建环境。