小程序开源框架

下面给你们介绍小程序7个开源框架,你们更具本身喜欢选择, 7个都很好,各有各的优点(mpvue, Tina.js, Taro, wepy, weweb, touchwx, uni-app)

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

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

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

三、Taro

Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。我要没记错的话，是最近刚刚开源的。

使用 Taro，咱们能够只书写一套代码，再经过 Taro 的编译工具，将源代码分别编译出能够在不一样端（微信小程序、H五、App 端等）运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能，有效地提高了开发体验和开发效率。

官网：http://taro.aotu.io/

GitHub: http://github.com/nervjs/taro

四、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 应用。若是你已经有小程序了，经过它你能够将你的小程序运行在浏览器中。

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

GitHub：https://github.com/wdfe/weweb

组件库
还有各类开源的组件库，好比有如下这几个：

有赞的 zanui-weapp 和 iview 这两个比较出名。

这两个组件库我以前在个人公众号都推荐过，具体用法和功能我就很少介绍了，本身找我之前的推文或者本身搜索一下就很清楚了。用法很简单。

原文：https://blog.csdn.net/OQjya206rsQ71/article/details/81213237

6.我推荐这个：touchwx

Touch WX 是一套彻底免费的微信小程序开发框架，包含丰富的 UI 控件用于官方组件的补充。特色以下：

一、组件扩充：

增长了 30 多种经常使用的组件用于官方组件的补充。

二、功能扩充：

兼容阿里的 iconfont 图标库，海量矢量图标随意使用；补充了经常使用样式库、支持 less 语法、支持全局配置主题色等

三、开发体验改善：

四文件方式改成单文件方式，经过 VSCode 编辑器 + 插件的方式开发，拥有 web 开发体验；

四、小程序转为 H5 应用：

能够与 H5 开发框架 Touch UI 工程相互转换，发布成 webApp。开发一套代码，拥有两套应用。

这套框架的原理是：

将 Touch WX 工程中所写的代码进行编译，直接输出为微信小程序工程原始代码。扩充的 30 多种组件，彻底是基于小程序官方的自定义组件机制实现（row&col 除外）。

因此它支持小程序的所有语法，怎么开发小程序，就怎么开发 Touch WX。

不过由于是单文件的开发方式，在文件的代码结构上稍有不一样。请注意这一点。

这样好处在于：

一、开发者迁移成本很小。

能够轻松的将已有的小程序移植为 Touch WX 工程，来使用它的扩展能力；

二、便于排查错误。

当遇到问题时，开发者也能够随时查看输出的小程序原始代码来定位问题所在。不会搞不清楚究竟是框架问题仍是本身代码的问题；

三、按需编译

因为小程序对体积有限制，在使用框架开发时，只有使用到的组件才会编译输出为小程序源码。没用到的不会输出。

四、不会对框架产生依赖。

之后不想用了这套框架，能够直接对已经输出的小程序工程进行维护。

目前我认为单独针对小程序开发的话，这个开源框架是最适合咱们的，效率也是最高的。

GitHub：https://github.com/uileader/touchwx

官网：https://www.wetouch.net/wx.html

扫描二维码体验   touchwx:

 

 

参考文献连接:http://www.javashuo.com/article/p-yxdvarfx-hu.html

peace & love

7.uni-app  (也很推荐)

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H五、小程序等多个平台。

官网连接:https://uniapp.dcloud.io/

扫码体验: