小程序ui开发-小程序的框架研究报告（开发框架、UI框架）-小程序ui-即速应用

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

浏览量：1555 时间：2020-03-20 来源：青云桑

1.最近开始毕业设计了，根据需求文档，我们需要使用小程序的微信运动API，写一个运动类APP，所以我就开始查询小程序相关的文档与社区。
2.微信小程序才刚刚起步，生态不能说很丰富，但是依然有很多优秀的开源项目：awesome-wepy
开发模式
3.一个前端项目起手，当然先要敲定开发模式，就像H5一样，使用JQuery和Vue开发起来，体验、思想完全不同
4.目前小程序的主流开发模式有三种：原生、wepy、mpvue，在三者我选择了wepy，原因如下：
5.1.原生是我第一个丢掉的选项，因为开发体验是实在太差，开发一个页面我需要在三个文件互相切换，而且这个组件化开发有点奇怪，所以不选。
6.2.mpVue作为一个美团刚出不久的框架，具有将HTML语法转为小程序语法的能力，我本来是很期待的，但是实际发现他无法继承目前Vue的生态，或者说因为刚起步，开源框架太少，所以不选。
7.3.Wepy是腾讯自己开发的类Vue框架，开发体验和Vue差不多，也相比原生加强了不少，比如ES6、Promise这些，最重要的一点是wepy的开源框架虽然不多，但是已经够用了，所以选择了wepy。
8.
开发IDE
9.小程序有自己的微信web开发者工具，但是这个IDE只能开发原生的小程序，所以就需要另外一个IDE来开发wepy下的小程序。
10.Wepy的代码高亮说明：wepyjs-代码高亮
11.WebStorm和VisualStudioCode都是不错的IDE，不过两者在开发时都有各自的小缺点：
12.WebStorm：自动补齐等功能正常运作，但是wxml的特有标签都标了黄，目前没有插件可以让WebStorm可以支持wxml。
13.VisualStudioCode：目前VSCode上有许多与小程序相关插件，已经可以正常的进行自动补齐，但是在格式化上还是有不少问题，不过有wpy-beautify这个插件，可以说是曲线救国吧。
UI框架
14.由于团队并没有专门的美工，所以前端框架就必不可少了，目前小程序的主流UI框架有三个：*ZanUI*MinUI*WeUI
15.这三个框架中，ZanUI、MinUI都是用于开发网店类的APP使用的，ZanUI是有赞，MinUI是蘑菇街，而WeUI是腾讯开发的框架，组件和微信本体风格更为一致。
16.三个UI框架都有wepy的版本，所以根据设计的情况选取最贴切的一个UI框架即可。
17.另外关于UI这块还有个题外话，由于我们APP需要大量使用图表，所以我们需要一个图表组件，然后我发现ECharts已经支持小程序了，可以说非常牛逼了。
18.在微信小程序中使用ECharts
19.研究结果大概就这样，在开发过程中我会继续补充新的小程序框架研究报告。