微信小程序开发之程序开发框架类型

      自2017年微信小程序正式上线，发展到今天已经形成了比较完整的开发生态，随着中国IT行业的发展和创新，大部分的APP都开发了相应的小程序以方便用户的使用。

 

      微信小程序之所以能够得到如此之大的发展，主要原因在两方面。从用户角度来看，微信是一款使用非常普遍的APP，而小程序正是依赖于微信生态，用户无需考虑下载安装等问题，使用非常方便；从开发者的角度来看，微信小程序的开发门槛比起APP开发来说比较低，易于上手。

 

      大家都知道，运用一款好的开发框架可以使我们的开发简单不少，省时省力又省心，那么，我们下面介绍一下开发较高质量的小程序可以选择的框架。作为初学微信小程序开发的你读后应该会有收获。

 

 

      WeUI 是一套由微信官方设计团队为微信内网页和微信小程序量身设计的同微信原生视觉体验一致的基础样式库，运用它可以使用户的使用感知更加统一。所谓UI框架，其实就是一套界面设计的方案，里面包含许多组件，我们运用这些组件，就可以使我们的小程序更加美观，而不必自己花费更多时间来进行设计。其中包含button（按钮）、cell（组件）、dialog（弹框）、progress（进度条）、 toast（提示）、article（文章）、actionsheet（弹出菜单）、icon（图标）等各式各样的元素。要使用该框架，首先我们需要先将WeUI包下载到本地，然后将包中的dist文件夹导入微信开发者工具中，再回到刚才下载的WeUI包将weui.wxss文件复制到自己的项目中，最后在需要使用WeUI组件的页面中使用“@import '/weui.wxss';”导入文件即可。

 

      mpvue也是一款可以用于开发小程序的前端框架。该框架的核心是基于Vue.js，修改了其runtime和compiler，使其可以在小程序的环境下运行。使用该框架的好处是，大部分开发人员都对Vue.js有所了解，所以容易上手。使用mpvue来开发小程序，我们可以提高代码的复用性，并且由于Vuex数据管理方案，我们更易于构建复杂应用，还支持nmp外部依赖，也可以将H5代码转换编译成小程序的目标代码，并且由于其基于Vue.js核心，我们可以使用Vue.js命令行工具来快速的初始化项目。

 

      WePY是一款可以让小程序支持组件化开发的框架，它使用预编译的方法能够让开发人员用自己喜欢的方式去开发小程序，适合有自己开发风格的开发人员。框架中的细节优化，以及Promise，Async Functions 的引入都可以让开发过程更加简单，效率也更加高。该框架类Vue的开发风格，支持自定义组件的开发，而且支持多种编译器。例如腾讯地图小程序、手机充值等都是使用WePY所开发的。

 

      IView Weapp是一款微信的UI组件库，其提供的接口名称与IView基本相同，学习起来简单轻松。IView Weapp 1.0提供了六类共30个组件，而且可以使用微信扫描二维码体验IView Weapp小程序组件，更加直观。但其中提供的很多组件和API都十分的基础，在实际的开发项目中，还需要进行一定的封装和调整。虽然极为基础，也已经可满足开发中的大部分常用的布局和交互。但其有一个缺点就是缺少选择器组件，不过它的美观度却是较高的。

 

      Vant Weapp是有赞移动端组件库Vant的微信小程序的版本，跟IView Weapp一样提供一致的API接口，而且这两种都是基于相同的视觉规范，轻量并且可靠。它继承了Vant的所有优点，在电商类小程序的开放上有很大的优势。它的文档写的非常详细，易于上手，同样也可使用二维码对其组件库进行体验。它的开发团队非常大牌，所以更新频率高。这款组件库是基于微信小程序的自定义组件开发的，所以在上手之前最好提前学习微信官方发出的小程序的简易教程以及其自定义组件介绍。当然，如果你之前学习过vant，可以轻松上手。但它的视觉效果较IView Weapp来说要弱一些。组件数量虽然不是最多的，但常用组件一个不少。

 

      以上初步给大家介绍了五款不同的可以用于开发微信小程序的框架，而框架还有很多，如Wux Weapp、ColorUI等。他们都各自有各自的优点和缺点，可能你会为了选择哪一款而烦恼。但小程序组件有一个优势，那就是可拆分，即你完全从不同的组件库中挑选你喜欢的组件，使用在同一个项目里。但我要提醒的一点是，最好不要用不同库里的相同组件，因为这样会使你的项目很不统一。

今天的文章就介绍到这里，大家快去试试不同的框架从而找到自己钟爱的开发方式吧！

 

成都猫尼科技有限公司原创内容，转载请注明出处https://www.maonee.cn/