查看原文
其他

精文推荐|分享几个小程序开发框架及工具

2018-04-18 yuer 终端研发部


终端研发部

关注并回复“1024”,加入技术交流群,致力于技术开发!

学习相关更多的小程序,可参考《这个时代,作为程序员,我什么要学习小程序》,再往下看,分享几个不错的小程序开发工具。

【小程序开发框架】

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 一款轻巧的渐进式微信小程序框架  

特性:
轻盈小巧。
极易上手,保留 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可以帮你把图片处理成各种需要的格式,你只需要在 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

读更多

除了敲代码,你还有什么副业吗?

玩Hook技术?这三个选择题能答对算我服你!

面试必备之UI刷新大解密

最新(Android)面试题级答案(精选版)

相信自己,没有做不到的,只有想不到的

在这里获得的不仅仅是技术! 

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存