### 微信小程序开发方案调研 * ##### mpvue * \*\*查阅地址：\*\*[github.com/Meituan-Dia…](https://github.com/Meituan-Dianping/mpvue) * \*\*简介：\*\*美团点评推出的基于vue的扩展框架，扩展了vue的小程序开发能力，可以使用vue快速开发微信、百度、今日头条、支付宝等小程序，最终编译成小程序可识别代码。 * \*\*用法：\*\*使用`vue-cli`3.0版本创建mpvue项目 `$ vue init mpvue/mpvue-quickstart my-project` `$ cd my-project` `$ yarn run dev` 生成`dist`目录里存放小程序相关代码 * ##### uni-app * \*\*查阅地址：\*\*[github.com/dcloudio/un…](https://github.com/dcloudio/uni-app) * \*\*简介：\*\*HbuilderX编辑器推出的使用`vue`开发的跨平台框架，开发一套代码，可编译到`ios`、`Android`、`H5`、小程序多个平台。其中编译到小程序时借鉴了`mpvue`框架，同时在H5平台完整模拟实现了小程序的逻辑层与视图层，具体分析文章https://zhuanlan.zhihu.com/p/52933718 * **用法：** * `HbuilderX`编辑器一键创建项目，一键发布项目 * `vue-cli`3.0创建项目 `$ vue create -p dcloudio/uni-preset-vue my-project` `$ yarn run dev h5/mp-weixin` `$ yarn run build h5/mp-weixin` * ##### WePY * \*\*查阅地址：\*\*[github.com/Tencent/wep…](https://github.com/Tencent/wepy) * \*\*简介：\*\*腾讯官方推出的一款让小程序支持组件化开发的框架，类vue的开发风格。 * **用法：** * `$ yarn global add wepy-cli` * `$ wepy init standard myproject` * `$ cd myproject` * `$ wepy build —watch`