微信小程序开发方案调研

微信小程序开发方案调研

• 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