Uniapp开发模板unibest

🏠简介

unibest 是一个集成了多种工具和技术的 uniapp 开发模板,由 uniapp + Vue3 + Ts + Vite4 + UnoCss + uv-ui + VSCode 构建,模板具有代码提示、自动格式化、统一配置、代码片段等功能,并内置了许多常用的基本组件和基本功能,让你编写 uniapp 拥有 best 体验。

✨ 特性

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

  • 🔥 最新语法 - <script lang="ts" setup> 语法

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

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

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

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

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

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

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

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

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

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

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

👍 实用功能

  • x\] 页面下拉刷新(全局+局部)

  • x\] 导航栏返回 or 去首页

  • x\] 自定义导航栏顶部机型适配

  • x\] 微信登录

  • \] 微信一键登录(基于手机号)- 需要非个人认证用户

  • x\] 微信小程序 vconsole 调试

  • x\] 多语言模板

  • x\] 多 tab 列表功能

  • x\] 大转盘抽奖

  • \] 登陆模板(APP)

⌛️实践

前置依赖

  • Node.js - >=v18
  • pnpm - >=7.30(推荐使用 8.15
  • 文本编辑器 - 推荐使用 VS Code
  • 终端 - 为了运行 uni 命令,Windows 推荐 Git Bash,Linux 和 macOS 推荐 zsh

下载项目

通过 pnpm create unibest <项目名> 命令生成项目模版:

bash 复制代码
pnpm create unibest <项目名称> # 默认用 base 模板
pnpm create unibest <项目名称> -t <模板名> # 支持自定义模板

支持 -t 参数选择模板,目前已有 3 个模板,分别是 basei18ndemo

bash 复制代码
pnpm create unibest my-unibest -t base # 基础模板
pnpm create unibest my-unibest -t i18n # 多语言模板
pnpm create unibest my-unibest -t demo # 所有demo的模板,包含了i18n

安装依赖

bash 复制代码
pnpm i

运行

📱 在线预览

相关推荐
2501_916007477 小时前
HTTPS 抓包乱码怎么办?原因剖析、排查步骤与实战工具对策(HTTPS 抓包乱码、gzipbrotli、TLS 解密、iOS 抓包)
android·ios·小程序·https·uni-app·iphone·webview
Q_Q5110082858 小时前
python+django/flask+uniapp基于微信小程序的瑜伽体验课预约系统
spring boot·python·django·flask·uni-app·node.js·php
性野喜悲8 小时前
uniapp+<script setup lang=“ts“>解析后端返回的图片流并将二维码展示在页面中
uni-app
卷Java9 小时前
CSS模板语法修复总结
java·前端·css·数据库·微信小程序·uni-app·springboot
笨笨狗吞噬者11 小时前
【uniapp】小程序端实现分包异步化
前端·微信小程序·uni-app
2501_9160088913 小时前
HTTPS 双向认证抓包实战,原理、难点、工具与可操作的排查流程
网络协议·http·ios·小程序·https·uni-app·iphone
2501_9151063213 小时前
HTTPS 能抓包吗?实战答案与逐步可行方案(HTTPS 抓包原理、证书Pinning双向认证应对、工具对比)
网络协议·http·ios·小程序·https·uni-app·iphone
游戏开发爱好者813 小时前
App HTTPS 抓包实战,原理、常见问题与可行工具路线(开发 测试 安全 角度)
网络协议·安全·ios·小程序·https·uni-app·iphone
2501_9151063213 小时前
App HTTPS 抓包实战指南,原理、常见阻碍、逐步排查与工具组合
网络协议·http·ios·小程序·https·uni-app·iphone
2501_9159214320 小时前
Charles 抓包 HTTPS 原理详解,从 CONNECT 到 SSL Proxying、常见问题与真机调试实战(含 Sniffmaster 补充方案)
android·网络协议·小程序·https·uni-app·iphone·ssl