强烈推荐 绝对是最好的一个小程序开源框，c 服务器开源项目

小程序到底有多火看看目前推出的开源框架以及组件库就知道了。由于小程序开发的火爆网络推广学习看看目前推出的开源框架以及组件库就知道了。由于小程序开发的火爆大家都在致力于探索如何更好的更加高效的开发小程序以至于很多公司都贡献了小程序开源框架和组件库。

比如我列举一些：

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

2、Tina.js

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

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

3、Taro

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

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

4、wepy

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

特性：

类 Vue 开发风格

支持自定义组件开发

支持引入 NPM 包

支持 Promise

支持 ES2015 + 特性如 Async Functions

支持多种编译器Less/Sass/Styus、Babel/Typescript、Pug

支持多种插件处理文件压缩图片压缩内容替换等

支持 SourcemapESLint 等

小程序细节优化如请求列队事件优化等

5、weweb

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

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

还有各种开源的组件库比如有以下这几个：

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

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

上面介绍了 5 个开源框架和两个组件库我并不是说上面的不好上面的绝对都很好不管上面的几个开源框架还是组件库都是大厂产品都很好。但是他们仅仅就是开源框架就是开源框架组件库就是组件库。一直没有满足我单独针对微信小程序开发的痛点。

小程序开发一个是开源框架的好用另外一个就是丰富的组件库单纯官方推出的并不能满足我们的需要上面的框架和组件库都是分开的。所以并不能解决我的痛点。而今天我推荐的这个开源框架既能提供框架也丰富扩展了很多组件使我们开发的时候不用担心再自己封装组件了。

其实上面分享的组件库有一个重大的缺点他们组件库足够丰富但是对于样式的自定义很死板不灵活但是今天的这个就灵活多了。

我给大家推荐的这个开源框架就是：touchwx。

Touch WX 是一套完全免费的微信小程序开发框架包含丰富的 UI 控件用于官方组件的补充。特点如下：

1、组件扩充：

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

2、功能扩充：

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

3、开发体验改善：

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

4、小程序转为 H5 应用：

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

这套框架的原理是：