微信小程序> 微信小程序开发框架,微信小程序好用的开源框架

微信小程序开发框架,微信小程序好用的开源框架

浏览量:885 时间: 来源:前端小仙女儿
这是最近看到的一篇都是干货的文章,特此分享给大家
特别说明:这是我目前在接触过和使用过的,自认为是最好用的一个小程序开源框架库。小程序到底有多火,看看目前推出的开源框架以及组件库就知道了。由于小程序开发的火爆,大家都在致力于探索如何更好的,更加高效的开发小程序,以至于很多公司都贡献了小程序开源框架和组件库。
比如我列举一些:
开源框架1、mpvue
mpvue是美团点评开源的一个使用Vue.js开发小程序的前端框架。框架基于Vue.js核心,mpvue修改了Vue.js的runtime和compiler实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套Vue.js开发体验。使用mpvue开发小程序,你将在小程序技术体系的基础上获取到这样一些能力:
彻底的组件化开发能力:提高代码复用性完整的Vue.js开发体验方便的Vuex数据管理方案:方便构建复杂应用快捷的webpack构建机制:自定义构建策略、开发阶段hotReload支持使用npm外部依赖使用Vue.js命令行工具vue-cli快速初始化项目H5代码转换编译成小程序目标代码的能力Github:官网:
2、Tina.js
Tina.js一款轻巧的渐进式微信小程序框架。
特性:轻盈小巧。极易上手,保留MINA(微信小程序官方框架)的大部分API设计;无论你有无小程序开发经验,都可以轻松过渡上手。渐进增强,既有状态管理器,也有路由增强,还可以自己编写插件。
Tina.js开源框架地址:
3、Taro
Taro是由京东-凹凸实验室打造的一套遵循React语法规范的多端统一开发框架。我要没记错的话,是最近刚刚开源的。
使用Taro,我们可以只书写一套代码,再通过Taro的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App端等)运行的代码。同时Taro还提供开箱即用的语法检测和自动补全等功能,有效地提升了开发体验和开发效率。
官网:GitHub:
4、wepy
WePY是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,AsyncFunctions的引入都是为了能让开发小程序项目变得更加简单,高效。
特性:
类Vue开发风格支持自定义组件开发支持引入NPM包支持Promise支持ES2015+特性,如AsyncFunctions支持多种编译器,Less/Sass/Styus、Babel/Typescript、Pug支持多种插件处理,文件压缩,图片压缩,内容替换等支持Sourcemap,ESLint等小程序细节优化,如请求列队,事件优化Github:官网:
5、weweb
weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。
特性:跨平台,一套代码多端运行(小程序、h5、未来直接打包成安卓、iosapp也不是梦)自带常用组件,完美继承了小程序内置组件兼容小程序rpx语法,使页面更容易适配各种机型
GitHub:
组件库还有各种开源的组件库,比如有以下这几个:
有赞的zanui-weapp和iview这两个比较出名。
这两个组件库我之前在我的公众号都推荐过,具体用法和功能我就不多介绍了,自己找我以前的推文或者自己搜索一下就很清楚了。用法很简单。
大餐来了上面介绍了5个开源框架和两个组件库,我并不是说上面的不好,上面的绝对都很好,不管上面的几个开源框架还是组件库都是大厂产品,都很好。但是他们仅仅就是开源框架就是开源框架,组件库就是组件库。一直没有满足我单独针对微信小程序开发的痛点。
小程序开发一个是开源框架的好用,另外一个就是丰富的组件库,单纯官方推出的并不能满足我们的需要,上面的框架和组件库都是分开的。所以并不能解决我的痛点。而今天我推荐的这个开源框架既能提供框架也丰富扩展了很多组件,使我们开发的时候不用担心再自己封装组件了。
其实上面分享的组件库有一个重大的缺点,他们组件库足够丰富,但是对于样式的自定义很死板,不灵活,但是今天的这个就灵活多了。
我给大家推荐的这个开源框架就是:touchwx。
TouchWX是一套完全免费的微信小程序开发框架,包含丰富的UI控件用于官方组件的补充。特点如下:
1、组件扩充:
增加了30多种常用的组件用于官方组件的补充。
2、功能扩充:
兼容阿里的iconfont图标库,海量矢量图标随意使用;补充了常用样式库、支持less语法、支持全局配置主题色等
3、开发体验改善:
四文件方式改为单文件方式,通过VSCode编辑器+插件的方式开发,拥有web开发体验;
4、小程序转为H5应用:
可以与H5开发框架TouchUI工程相互转换,发布成webApp。开发一套代码,拥有两套应用。
这套框架的原理是:
将TouchWX工程中所写的代码进行编译,直接输出为微信小程序工程原始代码。扩充的30多种组件,完全是基于小程序官方的自定义组件机制实现(row&col除外)。
所以它支持小程序的全部语法,怎么开发小程序,就怎么开发TouchWX。
不过因为是单文件的开发方式,在文件的代码结构上稍有不同。请注意这一点。
这样好处在于:
1、开发者迁移成本很小。
可以轻松的将已有的小程序移植为TouchWX工程,来使用它的扩展能力;
2、便于排查错误。
当遇到问题时,开发者也可以随时查看输出的小程序原始代码来定位问题所在。不会搞不清楚到底是框架问题还是自己代码的问题;
3、按需编译
由于小程序对体积有限制,在使用框架开发时,只有使用到的组件才会编译输出为小程序源码。没用到的不会输出。
4、不会对框架产生依赖。
以后不想用了这套框架,可以直接对已经输出的小程序工程进行维护。
目前我认为单独针对小程序开发的话,这个开源框架是最适合我们的,效率也是最高的。
GitHub:官网:

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎