🔥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项目)
    • 未想好
    • ...

项目地址

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

相关推荐
浏览器API调用工程师_Taylor18 分钟前
日报自动化实战:告别手动复制粘贴
前端·javascript·node.js
晴殇i23 分钟前
JavaScript还能这样写?!ES2025新语法让代码优雅到极致
前端·javascript·程序员
浏览器API调用工程师_Taylor33 分钟前
我是如何将手动的日报自动化的☺️☺️☺️
前端·javascript·爬虫
2501_915921431 小时前
iOS 抓包工具有哪些,开发者的选型与实战指南
android·ios·小程序·https·uni-app·iphone·webview
前端Hardy1 小时前
HTML&CSS&JS:抖音爆火的满屏“关心弹幕”酷炫卡片,已经帮你打包好了,快来体验吧!
前端·javascript·css
江城开朗的豌豆1 小时前
我的Vue项目胖成球了!用Webpack给它狠狠瘦个身
前端·javascript
WebInfra1 小时前
Rspack 1.6 发布:让打包产物更小、更纯净
前端·javascript·前端框架
2501_915918411 小时前
iOS 26 应用管理实战 多工具协同构建开发与调试的高效体系
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
Mintopia1 小时前
⚙️ Next.js 接口限流与审计全攻略 —— 用 @upstash/ratelimit 打造优雅“闸门”
前端·javascript·全栈
Mintopia2 小时前
🌐 实时翻译 + AIGC:Web跨语言内容生成的技术闭环
前端·javascript·aigc