### 微信小程序開發方案調研 * ##### 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`