uniapp 多端应用开发框架

boyanx4个月前技术教程18

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/

标签: js 插件

相关文章

开源 可扩展 富文本编辑器框架

Lexical 是由 Facebook 开发的一个可扩展的文本编辑器框架,专注于提供卓越的可靠性、可访问性和性能。Lexical 通过其高度可扩展的架构,丰富的插件体系和简洁的 API 设计,帮助开发...

2023 年 5 大实用的 React JS 插件和工具

如您所知,React.JS 是一个流行的用于构建用户界面的 JavaScript 库。 它由 Facebook 开发,通常用于构建单页应用程序和移动应用程序。使用 React.JS 的好处之一是它允许...

开源流程图 思维导图 信息工程图 室内平面图等多种类型绘图工具

drawio 是一个功能强大的图形绘图工具,开源免费,支持开发者在线部署、还可以安装到 Windows、Mac 操作系统中进行离线使用,它允许用户创建和编辑图表、流程图、思维导图、UML 图、网络图、...

蚂蚁金服开源 移动端 UI 组件库

Ant Design Mobile 是一个功能丰富、稳定可靠的移动端 UI 组件库,适用于使用 React 技术栈的移动端应用开发,包含布局、导航、信息展示、录入、反馈、引导提示等 70+ 组件,由蚂...

DeepSeek AI 全栈 Web 应用 包含用户端管理端

HiveChat 是一个专为中小团队设计的 AI 智能聊天对话应用,支持多种主流的 AI 模型,如 Deepseek、Open AI、Claude 和 Gemini。旨在通过简洁的界面和强大的功能,为...

极具创意的动画组件集合

React Bits 是一个精选的动画组件集合,专为创意开发者设计。它提供了丰富的动画组件,帮助开发者在 React 项目中快速实现各种炫酷的 UI 效果。React Bits 完全免费,并且易于使用...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。