🔥2024年最好用的 uniapp 开发模板,近一个月 star 数飙升!🔥

22,624 阅读3分钟

🔥2024年最好用的 uniapp 开发模板,近一个月 star 数飙升!🔥

unibest 自称是 最好用的 uniapp 开发模板, 最近比较火热,star 数飙升,请看与 两个同类型的 uniapp 模板 ---- uni-helper/vitesse-uni-appAres-Chang/uni-vitesse 的对比:

Star History Chart

    1. 黄色的 uni-helper/vitesse-uni-appunihelper 官方维护,目前 star数161
    1. 蓝色的 Ares-Chang/uni-vitesseAees-Chang 维护,目前 star 数211
    1. 红色的 codercup/unibestcodercup 维护,目前 star 数280
    1. Star History 实时对比地址:star-history.com/#codercup/u…

看到红色的 unibest 没,擎天一柱,比你早晨起来的小弟弟还坚挺,哈哈~

📖 介绍

unibest - 最好用的 uniapp 开发模板

GitHub Repo stars GitHub forks star fork node version pnpm version GitHub package.json version (subfolder of monorepo) GitHub License

unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI + VSCode 驱动的跨端快速启动模板,具有代码提示、自动格式化、统一配置、代码片段等功能,内置了大量常用的基本组件和基本功能,开箱即用,让你编写 uniapp 拥有 best 体验。

✨ 特性

  • ⚡️ Vue 3, Vite, pnpm, esbuild - 就是快!

  • 🔥 最新语法:使用新的 <script setup> 语法

  • 🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

  • 🍍 pinia & pinia-plugin-persistedstate - 全端适配的全局数据管理

  • 🦾 TypeScript & ESLint & stylelint - 保证代码质量

  • 😃 UnoCSS Icons & icones - 海量图标供你选择

  • 📦 组件自动化加载 - 可配置化的组件加载方式,轻松加载组件

  • 📥 API 自动加载 - 直接使用 Composition API 无需引入

  • 🌈 husky & lint-staged + commitlint - 保证代码提交质量

  • 🎉 v3 Code Snippets 加快你的页面生成

  • 🗂 uni.request 请求封装 & 请求拦截,一键引入,快捷使用

  • 💡 ES6 import 顺序自动排序,css 属性自动排序,增强编码一致性

  • 🖥 多环境配置分开,想则怎么配置就怎么配置

👍 业务功能

  • 页面下拉刷新(全局+局部)
  • 页面上拉加载
  • 导航栏返回 or 去首页
  • 导航栏渐变(微信+h5+App)
  • 自定义导航栏顶部机型适配
  • 微信小程序分享(好友+朋友圈)
  • 微信登录
  • 非微信登录(h5 和 App)
  • 微信一键登录(基于手机号)- 需要非个人认证用户
  • 微信小程序获取头像昵称+隐私协议
  • 微信小程序 vconsole 调试
  • 多语言模板
  • 页面悬浮球(floating bubble)
  • 多 tab 列表功能
  • 瀑布流
  • 仿BOSS直聘个人中心
  • 仿华为商城个人中心
  • 仿网易云音乐 APP(独立项目)

🎨 v3 代码段

vue 文件里面输入 v3 触发这个代码段,如下图。

v3 snippets

snippets.gif

上面是第一版本,下面是第二版本,用户可以在.vscode/vue3.code-snippets 里面自行修改。

snippets3.gif

📱 在线预览

在线预览地址如下(无需翻墙,网速很快,秒出)

贴心的楼主把截图挪过来了:

image.png

手动分割线

手动分割线

手动分割线

项目地址

期待大家的点赞支持,文章点赞+收藏+评论,好项目需要推广。

期待大家的点赞支持,github star 一下,好项目需要推广。

期待大家的点赞支持,gitee star 一下,好项目需要推广。

温馨提示

本文结合 【unibest】uniapp + vue3 超实用模板(番外篇) 食用效果更佳。

本文结合 【unibest】uniapp + vue3 超实用模板(番外篇) 食用效果更佳。

本文结合 【unibest】uniapp + vue3 超实用模板(番外篇) 食用效果更佳。

重要的事情说3遍,手动狗头~ ^_^

如果觉得有帮助,记得 点赞 + 收藏~

如果觉得有帮助,记得 点赞 + 收藏~

如果觉得有帮助,记得 点赞 + 收藏~

交流群 & 公众号

①群已满,下面是②群交流群

image.png

wx-gzh.png