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

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

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

  1. vitesse-uni-appunihelper 官方维护;

  2. 如上 star 趋势图,unibest 可能在2周内 star 数超过 vitesse-uni-app .

📖 介绍

unibest - 最好用的 uniapp 开发模板


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 属性自动排序,增强编码一致性

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

📱 在线预览

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

unibest - 最好用的 uniapp 开发模板

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

Road Map

unibest 作者已经把 Road Map 放出了,期待有心的人一起完成。

  • 1、unibest 官方文档编写,类似 vue 文档,新开一个项目,文档用 vitepress 生成。
  • 2、hello-unibest 项目继续完成,还有很多使用功能未加入/未完成,如多语言、微信登录、自定义tabbar等。
  • 3、unibest 新增运行时"自动打开微信开发者工具"和打包时可以"自动上传代码到微信开发者平台",通过编写VSCODE插件完成。
  • 4、发布 npmcreate-unibest,用户可以通过 npm create-uni 命令生成项目,基本模板与 unibest 项目类似,额外可选择项为:
    • 是否使用多语言
    • 是否使用自定义tabbar (非APP项目)
    • 未想好
    • ...

项目地址

期待大家的点赞+评论,好项目需要推广。

相关推荐
一点一木7 小时前
深度体验TRAE SOLO移动端7天:作为独立开发者,我把工作流揣进了兜里
前端·人工智能·trae
天外飞雨道沧桑7 小时前
TypeScript 中 omit 和 record 用法
前端·javascript·typescript
Lee川8 小时前
mini-cursor 揭秘:从 Tool 定义到 Agent 循环的完整实现
前端·人工智能·后端
weelinking8 小时前
【产品】00_产品经理用Claude实现产品系列介绍
数据库·人工智能·sql·数据挖掘·github·产品经理
canonical_entropy9 小时前
从 Spec-Driven Development 到 Attractor-Guided Engineering
前端·aigc·ai编程
研☆香9 小时前
聊聊前端页面的三种长度单位
前端
给钱,谢谢!9 小时前
React + PixiJS 实现果园成长页:从状态机到浇水动画
前端·react.js·前端框架
暗冰ཏོ10 小时前
VUE面试题大全
前端·javascript·vue.js·面试
Hommy8810 小时前
【剪映小助手】字幕信息生成接口
github·aigc·剪映小助手·视频剪辑自动化
次元工程师!10 小时前
LangFlow开发(三)—Bundles组件架构设计(3W+字详细讲解)
java·前端·python·低代码·langflow