小程序常用的6款框架总结

随着前端的知识不断更新，小程序也成为了我们开发中的日常。微信小程序、百度小程序、支付宝小程序、头条小程序等等不断涌入我们的生活，随着小程序的火爆，各种小程序框架不断出现，也在不断更新。路漫漫，学不完呀！归根结底，都是一个目标，把小程序给制作出来，只是使用了不同的框架。那么目前有哪些框架/组件库比较优秀呢？我在这里简单的罗列以下几款：

1. uni-app

官方地址：uni-app官网

uni-app是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详见）、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。

我之前也是了解过很多框架，特别是目前比较流行跨多个平台的框架，其中uni-app框架最终主要是为了小程序而打造的，后面慢慢演变成支持现在小程序、app、pc端h5、快应用等。我个人目前用的框架也是uni-app。该框架可以说满足我现在的全部需求，公司的app我用nvue重构，非常nice，小程序用uniapp打造，性能也很完美。由于对uniapp的热爱和支持，我也会在插件市场开源我的小插件，同时有了HBuilder X的加持，真的很方便，所以这款框架也是我强烈推荐的。

2. Taro

官方地址：Taro 介绍 | Taro 文档

Taro 一套 遵循React 语法规范的多端开发解决方案。使用 Taro，只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、App 端等）运行的代码。同时 Taro 还提供了开箱即用的语法检测和自动补全等功能。

Taro这款框架在当初我们公司在选框架做APP的时候，我做了一些了解，它的核心其实就是react，由于react-native的火爆，所以特意了解了下相关的内容。当时vue3刚发布没多久，Trao就支持了VUE3，这说明官方的更新速度还是挺快的。特别是对react热爱的开发者可以多去了解下，所以这款框架也是值得大家去学习利用的，毕竟京东内部打造，不容小觑。

3. mpvue

官方地址：mpvue.com

mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

使用 mpvue 开发小程序，你将在小程序技术体系的基础上获取到这样一些能力：

彻底的组件化开发能力：提高代码复用性

完整的 Vue.js 开发体验

方便的 Vuex 数据管理方案：方便构建复杂应用

快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload

支持使用 npm 外部依赖

使用 Vue.js 命令行工具 vue-cli 快速初始化项目

H5 代码转换编译成小程序目标代码的能力

在我刚接小程序的时候，听说的第二个框架就是mpvue，第一个是微信小程序官网提供的框架。但是没有缘分，我一直没机会用上这款框架，没关系，世界万千，有些东西终究是要错过。说了这么多优点，所所以它也是值得学习使用的。

4. 微信小程序官方框架

官方地址：微信开放文档

小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。

在刚接触微信小程序的时候，就是官方提供的这个框架，其实该框架的思想和vue还是有相似之处，正所谓万变不离其宗。只不过这个框架就是直接使用微信小程序所需要的wxml、wxss等文件，而其他框架最终打包生成的文件才是官方所需要的。所以我建议就是初学者，还是可以先使用或学习下该框架，更能直接的了解小程序和学习。所以初学者值得推荐。

5. WePY

官方地址：WePY Document

WePY (发音: /’wepi/) 项目启动于 2016 年 11 月份， 是小程序最早的框架之一，是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions的引入都是为了能让开发小程序项目变得更加简单，高效。腾讯团队开源的一款类vue语法规范的小程序框架,借鉴了Vue的语法风格和功能特性,支持了Vue的诸多特征。

特性：

使用 Vue Observer 实现数据绑定

支持 Vue watch/computed/mixin 等特性

基于原生组件实现组件化开发

支持 TypeScript

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

开源框架地址： [GitHub – tinajs/tina: 一款轻巧的渐进式微信小程序框架](GitHub – tinajs/tina: 一款轻巧的渐进式微信小程序框架)

官方地址：GitHub – tinajs/tina: 一款轻巧的渐进式微信小程序框架

官方介绍：是一款轻巧的渐进式微信小程序框架，保留 MINA (微信小程序官方框架) 的大部分 API 设计；无论你有无小程序开发经验，都可以轻松过渡上手。

这款开源框架比较轻量，感兴趣的可以使用下。