查看: 893|回复: 1

[工具] 【汇总贴】微信小程序开发框架和工具

[复制链接]
  • TA的每日心情
    开心
    2018-4-28 15:48
  • 签到天数: 14 天

    [LV.3]偶尔看看II

    304

    主题

    1128

    帖子

    989

    积分

    管理员

    JF币
    989
    贡献值
    989
    精华
    7
    发表于 2018-4-17 11:03:54 | 显示全部楼层 |阅读模式
    本帖最后由 Mr.rabbit 于 2018-4-17 13:47 编辑

    =====【小程序开发框架】====

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

    地址:https://developers.weixin.qq.com ... framework/MINA.html

    美团小程序框架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/

    Tina.js 一款轻巧的渐进式微信小程序框架

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

    Tina.js 开源框架地址: https://github.com/tinajs/tina

    组件化开发框架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/

    前端框架weweb

    weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。
    特性:
    跨平台,一套代码多端运行(小程序、h5、未来直接打包成安卓、ios app也不是梦)
    自带常用组件,完美继承了小程序内置组件
    兼容小程序rpx语法,使页面更容易适配各种机型

    地址:https://github.com/wdfe/weweb


    ====【小程序开发工具】====

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

    工具网站地址: https://jinaconvert.com/cn/

    单位转换工具postcss-px2units

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

    地址:https://github.com/yingye/postcss-px2units

    腾讯云上传插件qcloud-upload


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

    地址:https://github.com/yingye/qcloud-upload

    二维码工具weapp.qrcode.js

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

    地址:https://github.com/yingye/weapp-qrcode

    微信小程序脚手架工具 wxdad

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

    地址:https://gitee.com/lisniuse/wxdad

    小程序图标工具wx-charts

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

    支持图表类型:
    饼图 pie
    圆环图 ring
    线图 line
    柱状图 column
    区域图 area
    雷达图 radar

    地址:https://github.com/xiaolin3303/wx-charts

    小程序开发、微信公号管理系统RhaPHP

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

    官方网站:https://www.rhaphp.com/


    即速应用:适合技术小白的小程序开发工具

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

    官网:http://www.jisuapp.cn/

    ----------------------------------------------------------
    暂时这些,等收集到新的了再更新。大家有推荐也可以直接在此贴下留言。谢谢~

    附:微信小程序开发者文档官网地址  https://mp.weixin.qq.com/debug/wxadoc/dev/index.html
    该会员没有填写今日想说内容.
  • TA的每日心情
    开心
    2018-5-2 10:53
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    4

    主题

    27

    帖子

    92

    积分

    绒猴

    JF币
    92
    贡献值
    92
    精华
    0
    发表于 2018-4-18 14:05:18 | 显示全部楼层
    谢谢楼主分享,很实用啊
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    
    快速回复 返回顶部 返回列表