小程序的框架研究报告（开发框架、UI框架）

最近开始毕业设计了，根据需求文档，我们需要使用小程序的微信运动API，写一个运动类APP，所以我就开始查询小程序相关的文档与社区。

微信小程序才刚刚起步，生态不能说很丰富，但是依然有很多优秀的开源项目：
awesome-wepy

开发模式

一个前端项目起手，当然先要敲定开发模式，就像H5一样，使用JQuery和Vue开发起来，体验、思想完全不同

目前小程序的主流开发模式有三种：原生、wepy、mpvue，在三者我选择了wepy，原因如下：

1.原生是我第一个丢掉的选项，因为开发体验是实在太差，开发一个页面我需要在三个文件互相切换，而且这个组件化开发有点奇怪，所以不选。

2.mpVue作为一个美团刚出不久的框架，具有将HTML语法转为小程序语法的能力，我本来是很期待的，但是实际发现他无法继承目前Vue的生态，或者说因为刚起步，开源框架太少，所以不选。

3.Wepy是腾讯自己开发的类Vue框架，开发体验和Vue差不多，也相比原生加强了不少，比如ES6、Promise这些，最重要的一点是wepy的开源框架虽然不多，但是已经够用了，所以选择了wepy。

开发IDE

小程序有自己的微信web开发者工具，但是这个IDE只能开发原生的小程序，所以就需要另外一个IDE来开发wepy下的小程序。

Wepy的代码高亮说明：wepyjs - 代码高亮

WebStorm和Visual Studio Code都是不错的IDE，不过两者在开发时都有各自的小缺点：

• WebStorm：自动补齐等功能正常运作，但是wxml的特有标签都标了黄，目前没有插件可以让WebStorm可以支持wxml。

• Visual Studio Code：目前VS Code上有许多与小程序相关插件，已经可以正常的进行自动补齐，但是在格式化上还是有不少问题，不过有wpy-beautify这个插件，可以说是曲线救国吧。

UI框架

由于团队并没有专门的美工，所以前端框架就必不可少了，目前小程序的主流UI框架有三个：
* ZanUI
* MinUI
* WeUI

这三个框架中，ZanUI、MinUI都是用于开发网店类的APP使用的，ZanUI是有赞，MinUI是蘑菇街，而WeUI是腾讯开发的框架，组件和微信本体风格更为一致。

三个UI框架都有wepy的版本，所以根据设计的情况选取最贴切的一个UI框架即可。

另外关于UI这块还有个题外话，由于我们APP需要大量使用图表，所以我们需要一个图表组件，然后我发现ECharts已经支持小程序了，可以说非常牛逼了。

在微信小程序中使用 ECharts

研究结果大概就这样，在开发过程中我会继续补充新的小程序框架研究报告。