小程序采坑日记之——mpvue生态系统介绍

最近在了解学习小程序的过程中，了解到了很多的小程序相关工具。一个新的东西出来（当然也不是太新了），其生态系统的发展也十分的重要。简单的整理介绍下，最近了解到的不完整的小程序开发生态系统。 其中分原生小程序开发，wepy，mpvue。

image.png

首先，我用原生小程序写了下 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。