微信小程序開發方案調研

微信小程序開發方案調研

• mpvue

  • **查閱地址：**github.com/Meituan-Dia…

  • **簡介：**美團點評推出的基於vue的擴展框架，擴展了vue的小程序開發能力，能夠使用vue快速開發微信、百度、今日頭條、支付寶等小程序，最終編譯成小程序可識別代碼。

  • **用法：**使用vue-cli3.0版本建立mpvue項目

    $ vue init mpvue/mpvue-quickstart my-project

    $ cd my-project

    $ yarn run dev

    生成dist目錄裏存放小程序相關代碼

• uni-app

  • **查閱地址：**github.com/dcloudio/un…

  • **簡介：**HbuilderX編輯器推出的使用vue開發的跨平臺框架，開發一套代碼，可編譯到ios、Android、H5、小程序多個平臺。其中編譯到小程序時借鑑了mpvue框架，同時在H5平臺完整模擬實現了小程序的邏輯層與視圖層，具體分析文章https://zhuanlan.zhihu.com/p/52933718

  • 用法：

    • HbuilderX編輯器一鍵建立項目，一鍵發佈項目

    • vue-cli3.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…

  • **簡介：**騰訊官方推出的一款讓小程序支持組件化開發的框架，類vue的開發風格。

  • 用法：

    • $ yarn global add wepy-cli

    • $ wepy init standard myproject

    • $ cd myproject

    • $ wepy build —watch