这个 uni-app 模板火了!开发效率拉满

做过 uni-app 项目的前端应该都有这种感觉：真正让人头疼的，往往不是写业务，而是项目刚开始那一堆基础配置。

路由怎么搞？请求怎么封装？登录怎么拦截？多语言怎么配置？UnoCSS 怎么接？页面布局怎么统一？ 每次新开一个项目，都要重新折腾一遍。

最近发现一个挺有意思的开源项目——unibest。

它不是重新发明一个跨端框架，而是直接站在 uni-app + Vue3 这套技术栈上，把一个实际项目经常需要的东西提前给你配好了。

简单来说：你拿到的不是一个空白模板，而是一套可以直接开始干活的 uni-app 工程。

unibest 到底是什么？

官方对它的定位很直接：一个面向 uni-app 的快速开发框架/模板。

核心技术栈包括：

uni-app+Vue 3+TypeScript+Vite 5+UnoCSS+VS Code+UI组件库

同时还集成了很多常见工程能力。

目前 GitHub 新仓库已经有 2300+ Stars，而且项目仍在持续更新。

它最吸引人的地方其实不是某一个技术，而是：把一堆重复工作直接省掉。

最大的特点：不用从零搭项目

正常创建一个 uni-app 项目之后，你可能还要自己补：

• 路由
• Layout
• Pinia
• 请求封装
• 请求拦截
• 登录拦截
• 国际化
• UnoCSS
• 自动导入
• ESLint
• 格式化
• 各种开发配置

而 unibest 已经把这些常见能力整合进去了。

官方文档目前列出的开箱功能包括：Pinia、API 自动导入、请求拦截、路由拦截、字体图标、多语言、自定义 TabBar、SVG 以及 UI 库等。

所以它更像：uni-app 项目的“装修好的毛坯房”。

拿过来改业务就行。

Vue3 开发者会比较舒服

如果你本身就是 Vue 开发者，那上手基本没有太大的割裂感。

项目采用：

<scriptsetuplang="ts">

配合：

• Vue 3
• TypeScript
• Vite
• Composition API

整体开发体验和现在主流 Vue 项目比较接近。

再加上 VS Code 的代码提示、格式化、代码片段等配置，开发过程中不需要频繁切换工具。官方也明确把 VS Code 作为推荐编辑器。

最爽的功能：文件路由

传统 uni-app 项目经常要维护 pages.json。

页面一多，配置也容易越来越乱。

unibest 提供了基于文件的路由方案。

简单理解：

src/pages/    ├── index/    ├── login/    ├── user/    └── detail/

页面文件和路由之间建立约定关系。

同时还提供 Layout 布局系统。

所以开发后台、商城、内容类 App 时，不需要每次都重复处理一堆路由配置。

官方把它概括为：基于文件的路由 + Layout 布局系统。

UnoCSS 也直接安排上了

现在很多 Vue 项目都在用原子化 CSS。

unibest 直接集成 UnoCSS。

写页面的时候可以更加偏向这种方式：

<viewclass="flex items-center justify-between p-4">

而不是一个页面写几十个 CSS 文件。

同时官方还集成了 UnoCSS Icons，可以直接使用大量图标资源。

对于习惯 Tailwind、UnoCSS 这类开发方式的前端来说，上手会比较自然。

UI 库也不用自己折腾

unibest 并没有把 UI 库完全锁死。

目前官方已经支持包括 wot-ui / wot-ui-v2 等方案，也允许根据项目需求选择其他 UI 库。

目前文档已经增加了 wot-ui-v2 支持，创建项目时可以直接选择：

pnpm create unibest my-project -u wot-ui-v2

甚至可以指定目标平台。

所以你可以把它理解成：工程模板负责基础设施，UI 库负责页面组件。

两边各干各的事情。

多端开发也不用重新搭

uni-app 最大的优势之一就是跨端。

unibest 同样延续了这条路线。

官方目前列出的目标包括：H5、小程序和 App。

具体能覆盖哪些平台，还要看你选择的 UI 库和功能是否支持对应平台。

开发过程中可以直接通过命令运行：

pnpm dev:h5

微信小程序：

pnpm dev:mp-weixin

App：

pnpm dev:app

也就是说，一套项目结构，可以继续面向多个终端开发。

创建项目非常简单

现在官方已经提供 CLI。

直接：

pnpm create unibest my-project

然后：

cd my-projectpnpm installpnpm dev

就可以开始开发。

如果需要多语言、登录等能力，也可以在创建的时候选择对应 Feature。官方目前的 CLI 支持通过参数或者交互方式选择功能。

这种方式对于团队项目尤其舒服。因为以后新开项目，不需要再把老项目复制一份，然后删除业务代码。直接重新创建即可。

最后

uni-app 本身已经解决了跨端开发的问题。

而 unibest 解决的是另一个问题：“项目到底怎么快速开始？”

Vue3、TypeScript、Vite、UnoCSS、路由、Layout、请求封装、登录拦截、多语言、UI 库……

这些原本需要自己一点点搭的东西，现在直接给你准备好了。

对于经常做 uni-app 的前端来说，它最大的价值可能不是让你“学会一个新框架”，而是：少写重复代码，把时间留给真正的业务。

如果你平时就在使用 Vue3 + uni-app，这个模板确实值得收藏。

官方文档： https://unibest.tech/

GitHub 源码： https://github.com/feige996/unibest

现在做 uni-app 项目，你还会选择从空模板一点点搭吗？还是直接找一套成熟模板，把路由、请求、UI、权限、国际化这些基础设施一次性解决，然后专心写业务？评论区聊聊！

各位互联网搭子，要是这篇文章成功引起了你的注意，别犹豫，关注、点赞、评论、分享走一波，让我们把这份默契延续下去，一起在 AI 科研的海洋里乘风破浪！