🔥 2025 推荐一款 Vue 3 移动端模板

10,617 阅读6分钟

stars

大家好!又是新的一年。

我又来推荐这款 vue3-vant-mobile 移动端模板了。

这也是 🔥 2024 推荐一款 Vue3 移动端模板(十个理由) 系列文章的第三篇。

每一年我都会推荐一次。在 2024 那一篇里,我介绍了 v2 版本新增了那些内容,做了哪些优化。

同样,这篇文章我也会介绍 v3 版本新增了哪些内容,以及围绕这个模板项目发生了什么样的故事。

关于我

王超,一名普通前端,Base 济南。

专注 Vue 技术栈,也会一点 Python,平时活跃在 Github

这两年比较关注 AI 相关的应用,也在尝试做自己的产品。

me

模板定位

因为可能有人第一次看到,我要啰嗦一下 ~

这个模板的 slogan 是一个基于 Vue 3 生态系统的移动 Web 应用模板,帮助你快速完成业务开发。

你可以用这个模板脚手架,快速启动你自己的项目,比如 Wap 移动网站、营销页、微信公众号网页、APP 内嵌 H5 等。

有人甚至会用这个模板写 APP, 通过某种多端编译技术,生成原生 APP 应用。总之一句话,用于移动应用开发的起始模板。

很自然的,模板已经帮你做好了关于移动端的一切,你只需要关注你自己的核心业务逻辑就好。

如果你关心模板的细节,它其实是 Vue 3 生态一系列技术集合体,它们是我精心挑选组合起来的,你可以自由地替换为你喜欢的一切。

如果有朋友需要,或者觉得为未来可能会用到,建议先 star 一下,谢谢大家。🙏

github.com/easy-temps/…

v3 版本

v3 皆来自于社群需求。

一些量化统计,包括 230+ 提交、关闭 50+ 议题、30+ 版本发布。

其实在 v2 版本发布的时候,我就认为移动端该有内容就已经全了。

对于增加新的内容,我有一个判断的标准,就是这个是不是社区常用的需求,不能太偏门了,因为这会增加模板的体量, 造成困扰;此外,一个功能或者需求是不是容易出错,可以抽离好直接使用。

所以,我接受了一些建议,也拒绝了一些建议。对于简单的增删修改,我没有采纳。

在这一年的时间里,一共有 230+ 次提交,一共发布了 30 个小版本。

这些提交里面大概可以分为三类,一类是新增的功能,一类是对过去代码的重构优化,还有一类是日常更新。

新增的功能包括了 keepalive 、国际化、登录、注册、设置、忘记密码,还包括对 keepalive,缓存滚动的示例。

重构包括对过去代码的升级,比如我把项目中所有的选项式写法换成了 Vue 3 推荐的组合式写法。

日常的更新,包括依赖的升级,升级带来的重写和优化。

全面类型化。在 v2 的时候大概还存在 20% 左右的 js 文件,那么 v3 合并的时候,就到了 100% TS 化。

以上,就是 v3 当中的内容了。

pwaweb app
pwaweb app

有文档了

docs

关于文档我一开始也没有考虑进去,因为我会在项目当中写必要的注释,如果是第三方插件我会提供文档链接,大家只要根据指引一般能解决一些问题。

不过后来这个想法还是改变了,因为无论是在代码当中,还是项目 README.md 介绍里是无法顾虑周全的,比如项目的适配逻辑,某一插件的配置疑惑等等。这个时候文档的好处就体现出来了。所以,我写了一点指南,包括介绍、快速开始、目录结构、图标、浏览器适配和文件路由等指南。

通过阅读指南,就有了对项目的一些认知。那么后边开展自己的业务也能顺手拈来了,就像自己实现的一样。

easy-temps.github.io/easy-docs/

有社群了

之前大家通过邮件和议题与我沟通,多少不方便,所以建立了微信群的形式给大家更多即时帮助,这些都是免费的。

现在群的人数大概在 300 左右了。微信群有 200 人数的限制,如果有需要的朋友,可以根据这个帖子邀请进群里面。

我还是简单介绍下微信群。首先我是很活跃的,还有群友们都是做过移动端项目的开发者,所以你遇到的移动端问题基本 99% 能覆盖到。

大家除了在群里问一些问题外,我感觉占比在 80%,其次就是聊一些日常的事情。我想这跟大家进群都是带着问题来一样有关。

如果你没有问题,也欢迎你来 👏👏👏

有组织了

org

随着大家对 vue3-vant-mobile 项目的使用,也有人提出了其他类似的需求,比如如何更换组件库,如何支持 SSR,所以我们又独立开源了下面的项目。

我们的组织叫做 Easy Templates,中文的意思是简单的模板,我们致力于开发易于使用且功能丰富的 Vue 3Nuxt 模板,以提升开发者的生产效率。欢迎关注我们。

新的贡献者

v2 之后,我们又多了 11 位新的贡献者,如果没有他们出色的工作,这个版本就不可能实现。特别感谢所有在代码、测试和文档方面提供帮助的贡献者。

contributors

赞助者

我们新增了 8 位项目的赞助者,他们的支持帮助我们持续改进和发展项目。感谢所有赞助者的慷慨支持!

sponsors

突破 1.5 k

star-history

项目还是慢慢地受到更多关注,从开始的个位数到现在的 1453,是你们让我坚持下去,谢谢!

接下来,我会继续迭代和维护,做好这一件事,即便这很平淡。

vue3-vant-mobile 是我第一个真正意义上的开源项目,我收获了许多,我将继续从这里出发。