介绍

lemon-mobile-uniapp 一个基于 Uniapp 生态系统的移动小程序应用模板，使用了最新的Uniapp、Vue3、Vite、uni-helper、wot-ui、Pinia、Typescript、TailwindCSS等主流技术开发，内置了 layout布局、axios封装、登录拦截 等基础功能，同时还提供了业务当中常用的组件，例如：Dark Mode、i18n、Pinia 持久化、SVG Icon 等示例。采用模块化设计，无需额外配置，开箱即用，让开发者能够专注于业务逻辑的开发。

特性

• ⚡️ 使用 Vue3 + TypeScript 开发，单文件组件＜ script setup ＞
• ✨ 采用 Vite 作为项目开发、打包工具
• 🍕 整个项目集成了 TypeScript
• 🍍 使用 Pinia 替代 Vuex，轻量、简单、易用，集成 Pinia 持久化插件
• 📦 组件自动化加载
• 🔄 uni-helper 增强 uni-app 的开发体验
• 🎨 wot-ui 组件库
• 🌀 TailwindCSS 即时原子化 CSS 引擎
• 👏 集成多种图标方案
• 🌓 支持深色模式
• 🌍 多语言国际化，支持 i18n 国际化方案
• ⚙️ 使用 Vitest 进行单元测试
• ☁️ Axios 封装
• 💪 集成 Eslint 代码校验规范，并且该 Eslint 配置默认使用 Prettier 格式化代码，
• 🌈 使用 simple-git-hooks、lint-staged``、commitlint 规范提交信息

基础知识

提前了解和学习这些知识会对使用本项目有很大的帮助。

• Vue3 - 熟悉 Vue3 基础语法
• UniApp - 熟悉 UniApp 基本使用
• Vite - 熟悉 Vite 特性
• Pinia - 熟悉 Pinia 特性
• TypeScript - 熟悉 TypeScript 基本语法
• Vue-Router - 熟悉 Vue-Router基本使用
• Icones - 本项目推荐图标库
• Tailwind CSS - 高性能且极具灵活性的即时原子化 CSS 引擎
• uni-helper 增强 uni-app 的开发体验
• wot-ui - 移动端 wot-ui 组件库
• Es6+ - 熟悉 ES6 基本语法

平台兼容性

H5	IOS	安卓	微信小程序	字节小程序	快手小程序	支付宝小程序	钉钉小程序	百度小程序
√	√	√	√	√	√	√	√	√

许可证

MIT License © 2024-PRESENT sankeyangshu