本文主要介绍了使用wepy + colorUI从技术选择中快速开发可维护的微信小程序。
Wepy:这是腾讯的开源框架。
ColorUI:。
如何快速开发小程序?官方微信小程序也有很多示例,但是从头开始逐行输入是不现实的。
类似于H5页面的开发,仍然需要一个框架来减少开发量。主要原因是微信小程序不支持npm软件包的引入,并且也不支持某些ES6 +高级语法。
01技术选择
作者比较了微信小程序的两个框架wepy和mpvue。两种框架的编写都类似于Vue语法,并且具有相似的整体功能。区别在于wepy的开发人员去了微信小程序部门。 mpvue由美团开发团队开发。这两个框架也都进行了迭代更新。
作者选择wepy,主要是官方推荐的框架。毕竟,以“春江水暖鸭先知”为主要框架。
那么您使用哪一组UI库?请参阅此处的文章“ 6个最佳微信小程序 UI组件库”。
WeUI WXSS是腾讯官方UI组件库WeUI的小程序版本,可提供与微信界面风格一致的用户体验。但是花了太长时间才出来。我很久没有更新了。 小程序自问世以来不到三年,而且已经有两三年没有更新了。知道这类项目无法持续投入人力,而且将来某人无法维持它,因此我们不考虑。
ZanUI和Youzan UI的样式过于相似,因此请不要考虑。
MinUI官方网站文档中的某些图片无法显示,这意味着您没有仔细进行操作。
iView,WuxUI,ColorUI均在一年内更新,并且星星数量超过1000+。外观最好的样式库是ColorUI。体验ColorUI提供的演示之后,只能用精美的方式来表达它。唯一的缺点是基本上没有文档,因为它是样式框架,而演示是文档。
ColorUI的作者参加了微信组和QQ组交换组。
ColorUI演示
02练习
让我们简单地举一个小程序的例子,为所有后续的小程序做一个样本。在这里,您可以搭建脚手架以批量生成Wepy + ColorUI项目。
如何开发微信小程序,请参阅“如何从头开始开发微信小程序”。
如何使用Wepy开发小程序,请参考它。
开始研究ColorUI,从官方网站下载代码库,您可以看到有两个文件夹demo和template,实际上是作者提供的两个项目。一个是所有组件的集合,另一个是一个空框架。
只要在wepy中引入了ColorUI的两个样式文件,就可以使用icon.wxss和colorui.wxss。
最后,可以使用微信开发人员工具来运行集成的项目地址。

