选择优秀的框架，能帮助我们节省开发时间，提高代码重用性，让开发变得更简单。下面就整理关于微信小程序的前端框架，推荐给大家，希望对大家的学习开发有所帮助。

MINA  

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

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

WePY 

WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions的引入都是为了能让开发小程序项目变得更加简单，高效。 

安装（更新） wepy 命令行工具。

npm install wepy-cli -g

生成开发示例 

wepy new myproject

开发实时编译 

wepy build --watch

地址：

官网：https://tencent.github.io/wepy/
gitHub:https://github.com/Tencent/wepy

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 代码转换编译成小程序目标代码的能力

地址：  

官网： http://mpvue.com/  
Github： https://github.com/Meituan-Dianping/mpvue

tina

一款轻巧的渐进式微信小程序框架，特性： 

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

地址：  

官网：https://tina.js.org
gitHub:https://github.com/tinajs/tina 

weweb

一个兼容小程序语法的前端框架，你可以用小程序的写法，来写web应用。如果你已经有小程序了，通过它你可以将你的小程序运行在浏览器中。

特性： 跨平台，一套代码多端运行（小程序、h5、未来直接打包成安卓、ios app也不是梦) 自带常用组件，完美继承了小程序内置组件 兼容小程序rpx语法，使页面更容易适配各种机型

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

Labrador

微信小程序组件化开发框架 ，其特点：

• 使用Labrador框架可以使微信开发者工具支持加载海量NPM包
• 支持ES6/7标准代码，使用async/await能够有效避免回调地狱
• 组件重用，对微信小程序框架进行了二次封装，实现了组件重用和嵌套
• 可集成Redux，使用Redux数据流控制，让项目逻辑清晰可维护
• 自动持久化数据，支持redux-persist自动将运行数据保存
• 自动化测试，非常容易编写单元测试脚本，不经任何额外配置即可自动化测试
• Flow.js强类型检查，编写更加安全稳定的代码
• 使用Editor Config及ESLint标准化代码风格，方便团队协作
• 强力压缩代码，尽可能减小程序体积，让你在1M的限制内做更多的事

首先系统中需要nodejs和npm，然后全局安装Labrador-cli 

npm install -g labrador-cli

初始化项目 

labrador create demo //新建一个项目 
cd demo //进入demo

地址：

 gitHub:https://github.com/maichong/labrador