Mobile + Vue = MobVue
🧑💻 关于作者
Hello，我是 pany，一名前端工程师。
喜爱开源，是 V3 Admin Vite 的作者，也是 Vant 组件库的贡献者。
今天给大家分享的是我第二款全心投入的开源项目------ MobVue ！
🔖 关于项目
MobVue 是一个精心制作的移动端 H5 模板，基于 Vue3、Vite、TypeScript、Vant 等主流技术
⭐️ 关键字
- 所有源码免费开源可商用
- 新人友好 ：没有复杂的封装、没有复杂的类型体操、各个配置项都写有
尽可能详细的注释 - 技术最新 ：
定期更新所有三方依赖至最新版，确保版本不落后，并且同步更新最新的语法 - 规范整洁 ：代码风格统一、命名风格统一、注释风格统一，
对代码洁癖人员友好 - 生产落地 ：项目内诸多特性均
已在生产环境验证，可放心使用
❓ 能学习到哪些功能
📍 纯一级路由设计 - 清晰且缓存友好
📱 移动端适配 px2vw - 并且宽屏友好
🌐 浏览器适配 @vitejs/plugin-legacy + autoprefixer + browserslist - 兼容多种浏览器和低版本浏览器
🧩 布局系统 - 配置化的
🌗 主题模式 Dark Mode
📲 PWA - 渐进式 Web 应用
🔎 Husky + lint-staged + ESLint - 规范代码
💪🏻 依然 TypeScript - 严格模式且无 any
👀 更多功能 - 路由缓存、带防御的水印、灰色模式, 色弱模式、SVG Loader、VConsole、白屏加载动画、单元测试
🔥 项目用到的技术
Vue3：采用 Vue3 + script setup 最新的 Vue3 组合式 API
Vant：轻量、可定制的移动端 Vue 组件库
Pinia：传说中的 Vuex5
Vite：真的很快
Vue Router：路由路由
TypeScript：JavaScript 语言的超集
pnpm：更快速的，节省磁盘空间的包管理工具
ESLint：代码校验与格式化
Axios：发送网络请求（已封装好）
UnoCSS：具有高性能且极具灵活性的即时原子化 CSS 引擎
📷 给枯燥的文字来点图片
在线预览 ：github-pages
🔗 当然有文档和源码
文档教程 ：链接
主仓库 ：github
国内仓库 ：gitee
发行版 & 更新日志 ：releases
🌹 感谢大佬们的支持
来自 Vant 作者 @陈嘉涵 的 Star！
来自前掘金站长 @阴明 的点赞！
或许还有其他我未能及时关注到的大佬，感谢你们的支持！
❤️ 感谢阅读到这里的朋友
感谢阅读到这里的朋友，毕竟是软文一篇。
如果你喜欢这个项目的话，欢迎去 仓库 支持一个 Star。
你感兴趣的话，可以加入该项目的交流群 ：查看进群方式。
并且项目依旧在不断优化中，如果你发现问题或者有更好的建议，欢迎前往仓库提交 Issue 或 PR。
作者 pany，在此致谢！