文章目录mpvue用 Vue.js 开发小程序的框架mpvue用 Vue.js 开发小程序的框架美团点评开源了一款名为 mpvue 的前端框架它让开发者用 Vue.js 的语法来开发小程序。这个项目在 GitHub 上收获了超过 2 万颗星。mpvue 基于 Vue.js 2.4.1 版本保留了 Vue 的 runtime 能力同时添加了对小程序平台的支持。开发者可以用 Vue.js 的开发方式编写代码然后编译成目标小程序代码。框架目前支持微信小程序、百度智能小程序、头条小程序和支付宝小程序。框架通过在运行时和编译器层面的修改让 Vue.js 代码能够在不同的小程序环境中运行。这意味着开发者可以使用 Vue 的组件化开发模式、Vuex 状态管理方案和 webpack 构建机制来开发小程序。mpvue 2.0 版本正式加入了对百度智能小程序、头条小程序和支付宝小程序的支持。通过 mpvue-quickstart 模板新创建的项目默认升级到 2.0老项目可继续使用原有版本。框架的主要能力包括组件化开发、Vue.js 完整的开发体验、Vuex 数据管理方案、webpack 构建机制、npm 外部依赖支持以及 H5 代码到小程序目标代码的编译能力。配套设施方面mpvue 还提供了一套完整的工具链mpvue-loaderwebpack 加载器、mpvue-webpack-target构建目标、postcss-mpvue-wxss样式转换、px2rpx-loader样式插件、mpvue-quickstart 和 mpvue-simple 等项目模板。从美团点评内部到社区开发者多个团队已经将 mpvue 用于生产环境。项目列表显示涉及电商、工具、资讯、教育等多个领域的小程序均基于该框架开发。mpvue 这个名字来自 mini program小程序和 Vue.js 的组合。对于已经熟悉 Vue.js 的开发者来说学习成本很低。不需要额外学习小程序原生的模板语法和组件模型直接用 Vue 的方式写代码框架负责编译和适配。框架的社区生态也较为活跃。美团点评持续维护了 mpvue-loader、mpvue-webpack-target 等配套工具确保开发体验和构建流程的一致性。项目提供的 mpvue-quickstart 模板可以让开发者快速初始化一个项目包括完整的 webpack 配置和开发环境。在多平台支持方面mpvue 的思路是在框架层面做抽象开发者写一份代码编译到不同的小程序平台。这与后来出现的 uni-app、Taro 等方案的思路有相似之处。在 2018-2019 年小程序生态快速发展的时期mpvue 为 Vue.js 开发者进入小程序领域提供了一条可行的路径。.js 开发者进入小程序领域提供了一条可行的路径。