微信小程序好用的开源框架
这是最近看到的一篇都是干货的文章,特此分享给大家
特别说明:这是我目前在接触过和使用过的,自认为是最好用的一个小程序开源框架库。小程序到底有多火,看看目前推出的开源框架以及组件库就知道了。由于小程序开发的火爆,大家都在致力于探索如何更好的,更加高效的开发小程序,以至于很多公司都贡献了小程序开源框架和组件库。
比如我列举一些:
开源框架
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:https://github.com/Meituan-Dianping/mpvue
官网:http://mpvue.com/
2、Tina.js
Tina.js 一款轻巧的渐进式微信小程序框架。
特性: 轻盈小巧。 极易上手,保留 MINA (微信小程序官方框架) 的大部分 API 设计;无论你有无小程序开发经验,都可以轻松过渡上手。 渐进增强,既有状态管理器,也有路由增强,还可以自己编写插件。
Tina.js 开源框架地址:https://github.com/tinajs/tina
3、Taro
Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。我要没记错的话,是最近刚刚开源的。
使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能,有效地提升了开发体验和开发效率。
官网:http://taro.aotu.io/
GitHub: http://github.com/nervjs/taro
4、wepy
WePY 是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions 的引入都是为了能让开发小程序项目变得更加简单,高效。
特性:
- 类 Vue 开发风格
- 支持自定义组件开发
- 支持引入 NPM 包
- 支持 Promise
- 支持 ES2015 + 特性,如 Async Functions
- 支持多种编译器,Less/Sass/Styus、Babel/Typescript、Pug
- 支持多种插件处理,文件压缩,图片压缩,内容替换等
- 支持 Sourcemap,ESLint 等
- 小程序细节优化,如请求列队,事件优化
Github :https://github.com/Tencent/wepy
官网:https://tencent.github.io/wepy
5、weweb
weweb 是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写 web 应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。
特性: 跨平台,一套代码多端运行(小程序、h5、未来直接打包成安卓、ios app 也不是梦) 自带常用组件,完美继承了小程序内置组件 兼容小程序 rpx 语法,使页面更容易适配各种机型
GitHub:https://github.com/wdfe/weweb
组件库
还有各种开源的组件库,比如有以下这几个:
有赞的 zanui-weapp 和 iview 这两个比较出名。
这两个组件库我之前在我的公众号都推荐过,具体用法和功能我就不多介绍了,自己找我以前的推文或者自己搜索一下就很清楚了。用法很简单。
大餐来了
上面介绍了 5 个开源框架和两个组件库,我并不是说上面的不好,上面的绝对都很好,不管上面的几个开源框架还是组件库都是大厂产品,都很好。但是他们仅仅就是开源框架就是开源框架,组件库就是组件库。一直没有满足我单独针对微信小程序开发的痛点。
小程序开发一个是开源框架的好用,另外一个就是丰富的组件库,单纯官方推出的并不能满足我们的需要,上面的框架和组件库都是分开的。所以并不能解决我的痛点。而今天我推荐的这个开源框架既能提供框架也丰富扩展了很多组件,使我们开发的时候不用担心再自己封装组件了。
其实上面分享的组件库有一个重大的缺点,他们组件库足够丰富,但是对于样式的自定义很死板,不灵活,但是今天的这个就灵活多了。
我给大家推荐的这个开源框架就是:touchwx。
Touch WX 是一套完全免费的微信小程序开发框架,包含丰富的 UI 控件用于官方组件的补充。特点如下:
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、不会对框架产生依赖。
以后不想用了这套框架,可以直接对已经输出的小程序工程进行维护。
目前我认为单独针对小程序开发的话,这个开源框架是最适合我们的,效率也是最高的。
GitHub:https://github.com/uileader/touchwx
官网:https://www.wetouch.net/wx.html
原文链接:点击跳转
微信小程序好用的开源框架相关推荐
- 【微信小程序】基于Java+uniapp框架开发的全开源微信小程序商城系统
应用介绍 基于Java+uniapp框架开发的全开源微信小程序商城系统,前端采用目前主流的uniapp框架开发,后端采用Java语言开发,前后端代码全部开源,减少重复造轮子,支持小程序商城秒杀.优惠券 ...
- 微信小程序 使用 fly接口请求框架
fly简介 微信小程序的 javascript运行环境和浏览器不同,页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件 ...
- 微信小程序_文档_04_框架_视图层_WXS_WXSS
WXS WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构. 注意 wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行. wxs 与 jav ...
- 微信开发者工具无法选择预览和真机调试_小程序开发 第二篇:使用微信小程序开发者工具、wepy框架初始化项目...
1.微信小程序开发者工具 使用: 小程序原生开发:直接使用小程序开发者工具打开项目即可 小程序框架开发:首选官方提供类vue.js开发框架 wepy.js ,备选 mpVue.我们选择的是 wepy ...
- 微信小程序中使用第三方ui框架方法
安装步骤 安装前确定电脑上安装了node. (没有设置探宝镜像的先设置淘宝镜像,安装速度更快) 设置淘宝镜像: npm config set registry https://registry.npm ...
- uniapp + vue3微信小程序开发(1)框架搭建
uniapp内置vue2,很多小伙伴喜欢用,但是作为首批吃螃蟹的人,肯定会想用vue3来开发,那么会遇到哪些问题呢? 1.编辑器等工具 Hbuilder X 3.4.6版本及以上(编辑器也在不断更新, ...
- 微信小程序项目实战+JAVA SSM框架后台管理系统
毕业设计做的是一个阅读微信小程序+后台管理系统 ,最后被评为优秀毕业设计,在此将项目源码及设计思路进行分享(文末含源码下载地址). 效果图如下: 一.系统开发环境 (1)Windows10操作系统 ( ...
- Spring Boot后端+Vue前端+微信小程序,完整的开源解决方案!
项目简介 一个小商场系统,包括: 后端:Spring Boot 管理员前端:Vue 用户前端:微信小程序 功能介绍 1.小商城 首页 专题列表.专题详情 分类列表.分类详情 品牌列表.品牌详情 新品首 ...
- 2000套微信微信小程序源码+抖音微信小程序源码附开源代码
授权微信小程序SDK(authing-wxapp-sdk)适用于微信微信小程序(打开新窗口)基于微信微信小程序环境.可以使用微信微信小程序源码中的所有方法,比如Get,修改用户信息,添加用户自定义字段 ...
最新文章
- 前端之JavaScript第一天学习(1)-JavaScript 简介
- 关于GC.Collect在不同机器上表现不一致问题
- ddr传输 pl ps_Vitis ZYNQ开发秘籍 PS 端任意控制 VGA 显示画面最终实现
- 隐马尔科夫模型 概念(上)
- [dpdk] SDK编译-简单扼要版
- linux shell之控制台打印各种颜色字体和背景
- linux修改文件内容_详解5种实用方法---Linux系统清空或删除大文件内容
- 腾讯TAD Sim2.0领跑自动驾驶仿真市场 双擎驱动构建新一代仿真平台
- (组合数学笔记)拆分数各类定义及公式总结
- Stanford机器学习---第三讲. 逻辑回归和过拟合问题的解决 logistic Regression Regularization
- EBS 常用 SQL
- 测开之路二十二:迭代器、生成器
- 户外演出系统服务器,演艺灯光系统
- C#在winform中页面跳转实现
- 毕设题目:Matlab通信
- 计算机windows错误恢复,为什么windows错误恢复?
- ppt怎么把图片做成翻书效果_怎么把在PPT中插入的图片效果弄成翻书的样子啊?...
- 第一次登陆阿里云ECS云服务器及其配置
- 网络文化经营许可证和icp许可证的区别
- android 视频预览,预览视频 | Android 开发者 | Android Developers