最近在了解学习小程序的过程中,了解到了很多的小程序相关工具。一个新的东西出来(当然也不是太新了),其生态系统的发展也十分的重要。简单的整理介绍下,最近了解到的不完整的小程序开发生态系统。 其中分原生小程序开发,wepy,mpvue。
首先,我用原生小程序写了下 TODO。跟着官方教程来,这个过程,可以说体验不是很好。一是微信开发者工具的代码编辑器体验差,二是小程序的语法体验差,具体就不详细介绍了。其次,wepy还没来得急仔细了解。最后先说说 mpvue 的情况。
awesome-mpvue
看名字就明白了,整理了一些 mpvue 生态的工具组件等。在这里也看到了更多关于 mpvue 的实践方案。
- quickstart
- mpvue-cli - 其实只是一个模板
- mpvuesimple-quickstart - 基于上一个模板
下面来挨个说说。
quickstart
mpvue 官方的快速上手教程。简单来说就是用 vue-cli 下载模板,跑起来之后用微信开发者工具打开就能愉快的编码调试了。
mpvue-cli
基于官方的快速上手模板,添加了一些工具形成了一套模板。其中添加了 mpvue-entry 还是很好的一个工具。还有,自动注册store,使用flyio并封装了请求。
mpvuesimple-quickstart
这个又是基于上面的 mpvue-cli 来封装了一下,现在可以使用原生的小程序组件库,例如:iView Weapp、Vant Weapp、Wux Weapp。但是其实 mpvue 本来就支持引入小程序原生组件库。不得不说 mpvue 引入组件的方式真的是不敢恭维。
WeUi
WeUi 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
然后,我又发现了 weui-weapp、mp-weui、mpvue-weui。这仨都是一个效果。
Vant
Vant 应该大家都知道。vant 发布了其小程序版本 zanui-weapp,后来更名为 Vant Weapp。然后又发现了一个叫 mpvue-zanui 的 mpvue 版本的项目。
大概就这样吧,其实也就是抛出了一堆相关的链接而已。说说自己对 mpvue 的感受吧,mpvue 相比原生小程序的优势很明显:①vue 语法,相对简单 ②mpvue 的思路很赞,一套代码,多端复用 。但是缺点也是有的:① 引入组件不方便 ②热更新的bug ③ 生态系统不够完善。
接下来,去了解下 wepy。