Mobile + Vue = MobVue

简介

MobVue 是一个精心制作的移动端 H5 模板，基于 Vue3、Vite、TypeScript、Vant 等主流技术

通知

Note

为爱发电！所有源码均免费开源，如果对你有帮助，欢迎点个 Star 支持一下！

Warning

作者正在努力开发中...敬请期待 1.0 版本发布！

使用

推荐环境

• 新版 Visual Studio Code
• 安装 .vscode/extensions.json 文件中推荐的插件
• node 20.x 或 22+
• pnpm 9.x 或 10+

本地开发

# 安装依赖
pnpm i

# 启动服务
pnpm dev

打包构建

# 打包构建预发布环境
pnpm build:staging

# 打包构建生产环境
pnpm build

本地预览

# 先执行打包构建命令生成 dist 目录后再执行以下预览命令
pnpm preview

代码检查

# 代码校验与格式化
pnpm lint

代码提交规范

feat 新功能

fix 修复错误

perf 性能优化

refactor 重构代码

docs 文档和注释

types 类型相关

ci 持续集成、工作流

revert 撤销更改

chore 琐事（更新依赖、修改配置等）

链接

在线预览：github-pages

国内仓库：gitee

捐赠：请作者喝咖啡

发行版 & 更新日志：releases

特性

🔥 最新的 语法、配置、依赖

📍 纯一级路由设计 - 清晰且缓存友好

🔒 页面级权限控制、按钮级权限控制

🫧 白屏加载动画 - 首屏友好

🧩 布局系统 - 配置化的

🎨 拥抱原子化 CSS

🔧 组件 和 API 自动按需导入

🔎 单元测试护航

💪🏻 依然 TypeScript

技术栈

Vue3：采用 Vue3 + script setup 最新的 Vue3 组合式 API

Pinia: 传说中的 Vuex5

Vite：真的很快

Vue Router：路由路由

TypeScript：JavaScript 语言的超集

pnpm：更快速的，节省磁盘空间的包管理工具

ESlint：代码校验与格式化

Axios：发送网络请求（已封装好）

UnoCSS：具有高性能且极具灵活性的即时原子化 CSS 引擎

License

MIT License © 2025-PRESENT pany