uniapp 多端应用开发框架

boyanx2个月前技术教程10

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 插件

相关文章

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

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

可视化自定义 100+ 组件 UI 库

Mantine 是一个现代化的 React 组件库,专注于提供高性能、易于定制且功能丰富的组件。它支持主题定制、响应式设计,并与 Next.js 等现代框架无缝集成。Mantine 的目标是帮助开发者...

Farm 火了!比 Rspack/Vite 更快的打包方案!

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!高级前端进阶今天给大家带来的主题是Farm,即一个快速、强...

esbuild:一款快 10-100 倍的 JS 打包 / 压缩工具

为什么又造个轮子?为什么又要构建一个 JavaScript 构建工具呢?因为当前用于 Web 的构建工具比用户期望的性能至少慢一个数量级。我希望这个项目可以作为一种“存在证明”,证明我们的 JavaS...

15 款开发者必备的 JavaScript 工具

可以说 JavaScript 在 Web 开发领域统治着世界。根据 GitHub,它是世界上最流行的编程语言。根据最新报告,超过97% 的网站在客户端使用 JavaScript。有超过 1500 万软...

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

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

发表评论    

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