快速教会学会基础小程序开发

这是张小龙用小程序内测时发在朋友圈的一段话对小程序进行了定义。

小程序凭借免安装，即开即用，用完就走等优势，加之小程序基于微信坐拥10亿用户，使得许多商户入驻小程序，它将线上与线下结合极大地促进了新零售的消费模式。总之小程序的发展前景是很可观很值得看好。

目前小程序开发主要有三种方式，原生微信小程序、mpvue和wepy微信小程序开发框架等，下图是三个开发框架的对比

mpvue 是美团点评开源的一个使用Vue.js开发小程序的前端框架。框架基于Vue.js 核心，mpvue 修改了 Vue.js 的runtime 和compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。开源当天收获六千七百个star。

mpvue使得同一套代码能同时运行在小程序和web端，能够实现多端复用，如果你已经有vue的开发经验， mpvue开发小程序是一个很不错的选择，无需学习原生的小程序语法就能快速上手。

下面将介绍如何使用mpvue快速开发一个微信小程序

开发环境：nodejs + vue-cli + 微信开发者工具

vue-cli是vue提供的一个官方的脚手架，使用如下命令：vue init mpvue/mpvue-quickstart my-project快速创建一个基于mpvue-quickstart模板项目， 进入my-project执行npm install 和npm run dev后，会生成一个dist目录，其中是小程序相关的代码，最后将my-project目录导入微信开发者工具，一个mpvue项目就启动了。