美团很早就开源了这个项目，说明美团不仅仅是一个团购网站，而是一个真正以技术驱动的企业，这给了我们开发微信小程序的又一个框架选择。由于该框架完全基于 Vue 框架（重写了 Vue 框架），所以使用方式与 Vue 高度一致（部分功能受限于小程序环境本身限制无法使用，但优点大于缺点），这为已经使用 Vue 开发过 Web 应用的前端开发者开发小程序提供了极低的门槛。

搭建需要的软件环境，首先是基于vue.js的，另外还需要vue-cli脚手架，注意你的node环境版本必须大于9.0，不然会与新版本不兼容。首先去微信公众号平台注册一个开发者账号：记得验证开发者身份，获取并点击生成秘钥，一般审核速度很快，一天左右就会通过。附上微信小程序开发文档：

npm cache clean --force npm set registry https://registry.npmjs.org/ npm install npm -g npm install -g vue-cli npm cache clean --force

安装完成后检查node版本是否大于9.0 node -v

之后运行命令创建项目

vue init mpvue/mpvue-quickstart mpvue

上图就是你注册后得到的。

然后进入项目目录：cd

输入命令安装依赖项

npm install

安装成功后，在项目目录下输入npm run dev，启动项目

项目结构如下：

可以看到，和传统的vue项目没什么区别，很友好

此时，你可以下载一个微信小程序开发者工具：

选择适合自己系统的版本下载，这里我下载的是Mac版的，缺点就是体积有点大，安装后要500多MB，希望腾讯以后可以压缩一下，轻量级开发工具就应该小巧轻便。

打开微信小程序开发工具，点击➕新建项目

选择导入项目，输入项目目录并

最后打开导入的项目，需要耐心等待一段时间，不要着急。

成功打开后可以看到界面

此时只要修改对应​​的vue组件，小程序就会实时变化。不过需要注意的是，新建组件时需要手动重启项目：npm run dev

是不是很简单呢？如果你是一个精通 Vue 的开发者，那么开发微信小程序对你来说就是小菜一碟。