比较实用的微信小程序开发框架和工具

【微信小程序开发框架】

1、官方框架MINA

小程序提供的开发框架为MINA框架，它类似于淘宝Weex、Vue框架。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能，对上层提供一整套JavaScript API,让开发者能够非常方便地使用微信客户端提供的各种基础功能与能力，快速构建一个应用。

地址：
https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html
2、美团小程序框架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/
3、Tina.js 一款轻巧的渐进式微信小程序框架

tina-js.jpg

特性：轻盈小巧。极易上手，保留 MINA (微信小程序官方框架) 的大部分 API 设计；无论你有无小程序开发经验，都可以轻松过渡上手。渐进增强，既有状态管理器，也有路由增强，还可以自己编写插件。

Tina.js 开源框架地址：
https://github.com/tinajs/tina
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语法，使页面更容易适配各种机型

地址:
https://github.com/wdfe/weweb
小程序开发工具

1、图片处理工具Jinaconvert jinaconvert.jpg

Jinaconvert可以帮你把图片处理成各种需要的格式，你只需要在 Jinaconvert 上选择你需要的格式类型，再将图片文件上传至即可。

工具网站地址：
https://jinaconvert.com/cn/
2、单位转换工具postcss-px2units

将px单位转换为rpx单位，或者其他单位的PostCSS插件。 postcss-px2units就可以使用简单的配置，轻松实现转换。而且该插件可以将px转换为任意你想转换的单位，比如rem。

地址：
https://github.com/yingye/postcss-px2units
3、腾讯云上传插件qcloud-upload

基于nodejs的腾讯云上传插件支持自定义文件前缀、覆盖及非覆盖上传方式

地址：
https://github.com/yingye/qcloud-upload
4、二维码工具weapp.qrcode.js

在微信小程序中，快速生成二维码可自定义二维码内容、宽高、纠错级别。此外，还支持生成不同前后景色的二维码。

地址：
https://github.com/yingye/weapp-qrcode
微信小程序脚手架工具 wxdad

一款微信小程序脚手架工具，帮助你快速开发微信小程序应用。目前有两个功能：快速构建初始项目架构。把 wxdad 语法快速编译成 wxml 和 wxjs 文件，帮助开发者急速开发。

地址：
https://gitee.com/lisniuse/wxdad
5、小程序图标工具wx-charts

基于 canvas 绘制、体积小巧的微信小程序图表工具。

支持图表类型：
饼图 pie
圆环图 ring
线图 line
柱状图 column
区域图 area
雷达图 radar
地址：
https://github.com/xiaolin3303/wx-charts
6、小程序开发、微信公号管理系统RhaPHP

RhaPHP微信平台管理系统，支持多公众号管理，小程序开发，APP接口开发，平台反文旁虫立且快速简洁易用。灵活的扩展应用机制，具有容易上手，几乎融合微信接口，简单的调用对二次开发与开发扩展应用模块大大提高开发效率，降低企业商家运营成本。扩展应用模块化，机制灵活，代码简单并快速上手。基于THINKPHP5强力内核驱动与LAYUI前端框架，支持 Linux/Windows/Mac。

官方网站：
https://www.rhaphp.com/
7、即速应用：适合技术小白的小程序开发工具

可视化操作，直接拖拽组件生成页面提供大量可套用的模板可将代码打包下载，直接对接到小程序的开发工具下载下来后的代码可以任意编辑复杂的功能仍然需要专业程序员二次开发

官网：
http://www.jisuapp.cn/
附：微信小程序开发者文档官网地址
https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

感谢作者分享：http://www.jcodecraeer.com/a/qianduankaifa/2018/0418/9611.html

比较实用的微信小程序开发框架和工具相关推荐

如何选择微信小程序开发框架？2018年更新
微信小程序是一个建立不到两年的新兴科技生态体系.得益于中国科技发展的规模和速度,一百五十万人*的小程序开发者社区已经做出了非常实用的前端开发框架,进一步提高了小程序的开发效率. (*数据来源:腾讯 - ...
小程序 input自动换行_直播 | 最实用的微信小程序自动化测试技术独家揭秘
随着微信小程序的功能和生态日益完善,很多企业级小程序项目的页面越来越多,业务逻辑也越来越复杂.如何做好微信小程序的自动化测试成为测试同学面临的一大难题. 如何合理构建多端架构和自动化测试体系? 如何深 ...
徐州好玩实用的微信小程序
徐州好玩实用的微信小程序,有分电脑版和手机端吗? 徐州认为"游戏"天生就是无聊的致命敌人之一. 所以每当人们感到厌烦的时候,他们会利用各种游戏和软件消磨时间.现在有一个更方便的&q ...
分享几个实用的微信小程序（三）
苏生不惑第282 篇原创文章,将本公众号设为星标,第一时间看最新文章. 之前分享过几个腾讯出品的小程序分享几个实用的微信小程序和分享几个实用的微信小程序(二),这里再做个整理. 印象笔记这个小程 ...
分享几个实用的微信小程序（二）
苏生不惑第277 篇原创文章,将本公众号设为星标,第一时间看最新文章. 之前分享过几个腾讯出品的小程序分享几个实用的微信小程序,这里再做个整理. 车来了精准实时公交这个小程序支持公交车到站距离查询. ...
分享几个实用的微信小程序（四）
苏生不惑第287 篇原创文章,将本公众号设为星标,第一时间看最新文章. 之前分享过几个腾讯出品的小程序分享几个实用的微信小程序分享几个实用的微信小程序(二)分享几个实用的微信小程序(三) 指尖上轻VR ...
微信开发者工具 wxmi修改模版颜色_网站建设公司讲解：微信小程序的开发者工具界面...
网站建设公司深圳市博纳网络信息技术有限公司()讲解:微信小程序的开发者工具界面创建项目后,进入到微信开发者工具界面,界面大致可以分为6个区域:①菜单栏区域,②模拟器.编辑器.调试器显示与隐藏区域,③ ...
小程序助手多功能微信小程序反编译工具
介绍: 小程序助手多功能微信小程序反编译工具,软件采用 VS 2017 编译,需安装.net 4.0 或以上版本方可运行,理论上 win7 .win10及以上系统 x86 x64 运行正常,条件有限未 ...
微信小程序开发什么工具好？
现在微信小程序已经是非常普遍,而开发小程序也变得更简单,只需要使用微信小程序开发工具就可以帮助你快速完成小程序.如果能熟练掌握其基本操作,可以大大提高开发效率,节省时间.精力和成本,让客户更早使用你的 ...

比较实用的微信小程序开发框架和工具

比较实用的微信小程序开发框架和工具相关推荐

最新文章

热门文章