uniapp 多端应用开发框架

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/

原文链接:,转发请注明来源!