随着小程序的火爆，越来越多的前端团队想用现在的方式来开发小程序，所以就诞生了许多小程序开发框架，今天就来盘点一下：一、首当其冲的就

随着小程序的火爆，越来越多的前端团队想用现在的方式来开发小程序，所以就诞生了许多小程序开发框架，今天就来盘点一下：

一、首当其冲的就是腾讯自家出的wepy

这个框架的口号就是让小程序支持组件化开发的框架，风格类似vue但有的东西又不得不用小程序的比如生命周期函数，所以就是将两者融合来使用。

主要特点：

主要功能特性：

1、开发模式转换

WePY框架在开发过程中参考了Vue等现有框架的一些语法风格和功能特性，对原生小程序的开发模式进行了再次封装，更贴近于MVVM架构模式。以下是使用WePY前后的代码对比。

2、支持组件化开发

3、支持加载外部NPM包

在编译过程当中，会递归遍历代码中的require然后将对应依赖文件从node_modules当中拷贝出来，并且修改require为相对路径，从而实现对外部NPM包的支持。

4、单文件模式，目录结构更清晰，开发更方便

原生小程序要求app实例必须有3个文件：app.js、app.json、app.wxss，而page页面则一般有4个文件：page.js、page.json、page.wxml、page.wxss，并且还要求app实例的3个文件以及page页面的4个文件除后缀名外必须同名，而在WePY中则使用了单文件模式，将原生小程序app实例的3个文件统一为app.wpy，page页面的4个文件统一为page.wpy。

5、默认使用babel编译，支持ES6/7的一些新特性

用户可以通过修改wepy.config.js(老版本使用.wepyrc)配置文件，配置自己熟悉的babel环境进行开发。默认开启使用了一些新的特性如promise、async/await（自WePY 1.4.1开始必须手动开启，原因参见前文代码规范一节中的介绍）等等。

6、针对原生API进行优化

对小程序原生API进行promise处理，同时修复了一些原生API的缺陷，比如：wx.request的并发问题等。

二、美团前端团队开发的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 代码转换编译成小程序目标代码的能力

最为核心的一点就是一套代码可跑在多端。

三、tina.js

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

特性

轻盈小巧，核心框架打包后仅12.5kb

极易上手，保留 MINA (微信小程序官方框架) 的大部分 API 设计；无论你有无小程序开发经验，都可以轻松过渡上手。

渐进增强， 状态管理器 (比如 Redux)、Immutable.js、路由增强 等扩展。

四、京东前端团队的taro

一套遵循 React 语法规范的多端统一开发框架

五、iView Weapp

一套高质量的微信小程序 UI 组件库。这个就是写好了的一套ui专门针对小程序做了适配的。