uniapp 多端应用开发框架（uniapp使用ui框架）

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/