unibest 是一个功能强大、开箱即用的 uniapp 开发框架,适合需要快速开发跨平台应用的开发者。它结合了最新的前端技术栈,提供了高效的开发体验和高质量的代码规范,同时支持多种平台,降低开发成本。
核心特性:
以下是 unibest 框架的主要特性,这些特性使其成为 uniapp 开发中的强大工具。
多平台支持
支持微信小程序、H5、App、支付宝小程序、钉钉小程序、抖音小程序等多种平台,一套代码多端运行。
强大的技术栈
Vue 3 + Vite 5 + Pnpm + TypeScript:结合 Vue 3 的高效性和 Vite 5 的快速开发体验,同时支持 TypeScript 和 JavaScript。
高性能原子化 CSS 引擎:使用 UnoCSS,支持 100000+ 图标,无需额外引入外链。
开发体验
VS Code支持:使用 VS Code 作为开发工具,无需切换到 HBuilderX,提供更好的编码体验。
代码规范:集成 TypeScript、Prettier、ESLint、Stylelint、husky、lint-staged 和 commitlint,确保代码质量和提交规范。
开箱即用的功能
请求和路由拦截:提供请求封装、请求拦截和路由拦截功能,简化开发。
UI库和多语言支持:内置 UI 库(如 wot-ui )、多语言支持、自定义 tabbar 等。
API 自动导入:支持 API 自动加载,无需手动引入。
安装使用:
pnpm create unibest my-project
国际化:
自动生成代码:
状态管理:
uni 插件:提升 uniapp 开发效率的关键工具
unibest 框架通过 uni 插件优化 uniapp 开发体验,以下是核心插件及其功能:
1. @dcloudio/vite-plugin-uni
作用:让 uniapp 在 Vite 项目中运行,是其他 uni 插件的基础。
2. @uni-helper/vite-plugin-uni-pages
功能:基于文件系统管理路由,通过 route-block 在 .vue 文件中直接配置页面信息,无需手动修改 pages.json。
特点:
自动生成路由配置。
支持设置首页、过滤页面、分包配置。
3. @uni-helper/vite-plugin-uni-layouts
功能:提供灵活的布局系统,支持在 .vue 文件中指定布局。
特点:
默认布局为 src/layouts/default.vue。
可通过 route-block 指定页面布局。
4. @uni-helper/vite-plugin-uni-manifest
功能:使用 TypeScript 编写 manifest.json,自动生成配置文件。
特点:
减少手动配置的繁琐工作。
提供类型检查和代码提示,降低配置错误。
《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等,欢迎点赞、转发、关注!!!
GitHub:https://github.com/feige996/unibest
官方文档:https://unibest.tech/