收集⼏个开源的⼩程序开发框架
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 代码转换编译成⼩程序⽬标代码的能⼒
2、Tina.js
Tina.js ⼀款轻巧的渐进式⼩程序框架。
特性: 轻盈⼩巧。 极易上⼿,保留 MINA (⼩程序官⽅框架) 的⼤部分 API 设计;⽆论你有⽆⼩程序开发经验,都可以轻松过渡上⼿。 渐进增强,既有状态管理器,也有路由增强,还可以⾃⼰编写插件。
3、Taro
Taro 是由京东 - 凹凸实验室打造的⼀套遵循 React 语法规范的多端统⼀开发框架。我要没记错的话,是最近刚刚开源的。
使⽤ Taro,我们可以只书写⼀套代码,再通过 Taro 的编译⼯具,将源代码分别编译出可以在不同端(⼩程序、H5、App 端等)运⾏的代码。同时 Taro 还提供开箱即⽤的语法检测和⾃动补全等功能,有效地提升了开发体验和开发效率。
4、wepy
WePY 是⼀款让⼩程序⽀持组件化开发的框架,通过预编译的⼿段让开发者可以选择⾃⼰喜欢的开发风格去开发⼩程序。框架的细节优化,Promise,Async Functions 的引⼊都是为了能让开发⼩程序项⽬变得更加简单,⾼效。 它的特性:
类 Vue 开发风格
代码转换⽀持⾃定义组件开发
⽀持引⼊ NPM 包
⽀持 Promise
⽀持 ES2015 + 特性,如 Async Functions
⽀持多种编译器,Less/Sass/Styus、Babel/Typescript、Pug
⽀持多种插件处理,⽂件压缩,图⽚压缩,内容替换等
⽀持 Sourcemap,ESLint 等
⼩程序细节优化,如请求列队,事件优化等
5、weweb
weweb 是⼀个兼容⼩程序语法的前端框架,你可以⽤⼩程序的写法,来写 web 应⽤。如果你已经有⼩程序了,通过它你可以将你的⼩程序运⾏在浏览器中。
特性: 跨平台,⼀套代码多端运⾏(⼩程序、h5、未来直接打包成安卓、ios app 也不是梦) ⾃带常⽤组件,完美继承了⼩程序内置组件兼容⼩程序 rpx 语法,使页⾯更容易适配各种机型
6、 touchwx
1、组件扩充:
增加了 30 多种常⽤的组件⽤于官⽅组件的补充。
2、功能扩充:
兼容阿⾥的 iconfont 图标库,海量⽮量图标随意使⽤;补充了常⽤样式库、⽀持 less 语法、⽀持全局配置主题⾊等
3、开发体验改善:
四⽂件⽅式改为单⽂件⽅式,通过 VSCode 编辑器 + 插件的⽅式开发,拥有 web 开发体验;
4、⼩程序转为 H5 应⽤:
可以与 H5 开发框架 Touch UI ⼯程相互转换,发布成 webApp。开发⼀套代码,拥有两套应⽤。
这套框架的原理是:
将 Touch WX ⼯程中所写的代码进⾏编译,直接输出为⼩程序⼯程原始代码。扩充的 30 多种组件,完全是基于⼩程序官⽅的⾃定义组件机制实现(row&col 除外)。
所以它⽀持⼩程序的全部语法,怎么开发⼩程序,就怎么开发 Touch WX。
不过因为是单⽂件的开发⽅式,在⽂件的代码结构上稍有不同。请注意这⼀点。
这样好处在于:
1、开发者迁移成本很⼩。
可以轻松的将已有的⼩程序移植为 Touch WX ⼯程,来使⽤它的扩展能⼒;
2、便于排查错误。
当遇到问题时,开发者也可以随时查看输出的⼩程序原始代码来定位问题所在。不会搞不清楚到底是框架问题还是⾃⼰代码的问题;
3、按需编译
由于⼩程序对体积有限制,在使⽤框架开发时,只有使⽤到的组件才会编译输出为⼩程序源码。没⽤到的不会输出。
4、不会对框架产⽣依赖。
以后不想⽤了这套框架,可以直接对已经输出的⼩程序⼯程进⾏维护。
⽬前我认为单独针对⼩程序开发的话,这个开源框架是最适合我们的,效率也是最⾼的。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论