你可以在这里下载本教程的示例工程：https://download.csdn.net/download/qq_45467083/12194154

---

一、创建项目

创建mpvue项目

$ vue init mpvue/mpvue-quickstart my-project

$ cd my-project
$ npm install

$ npm run dev

在微信开发者工具中新建项目：新建项目选择的目录为dist/wx目录，然后填写刚刚注册的小程序的AppId。

打开项目之后，可以发现开发者工具中多了个云开发的按钮。点击之后，安装提示配置，就可以了。微信默认免费提供开发者一个服务器进行云开发，对于小型程序来说是够用了。

二、使用云开发

新建云开发工程

1 情况mpvue下的dist目录

2 在dist目录下用微信小程序开发工具新建云开发工程