mpvue+Vantweapp+微信云服务打造小程序应用

# 1. 全局安装 vue-cli
# 一般是要 sudo 权限的
$ npm install --global vue-cli@2.9

# 2. 创建一个基于 mpvue-quickstart 模板的新项目
# 新手一路回车选择默认就可以了
$ vue init mpvue/mpvue-quickstart my-project

# 3. 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

clone https://github.com/youzan/vant-weapp.git

// 下载后将dist（个人习惯将这个目录名改为 views 便于区分）目录整个复制到， 项目目录下的 static 目录下
// 接着就可以直接在 页面的 main.json 中引入相应需要使用的组件并在页面中使用了

例：

     "usingComponents": {
　　　　　"van-button": "../../../static/views/button/index"
　　　}　

打开微信开发者工具

　　--> 新建项目

　　　　 --> 并选择云开发

　　　　　　--> 项目目录选择 mpvue 项目运行时生成的 dist 目录(新建时需要将 dist 目录清空)

　　　　　　　　 --> 新建完成后，在入口文件 main.js 或者是 App.vue 文件中初始化云开发服务　　　　

　　　　　　　　　　if (!wx.cloud) {
                  console.error(‘请使用 2.2.3 或以上的基础库以使用云能力‘)
                } else {
　　　　　　　　　　　　wx.cloud.init({
　　　　　　　　　　　　　　// env 参数说明：
　　　　　　　　　　　　　　// env 参数决定接下来小程序发起的云开发调用（wx.cloud.xxx）会默认请求到哪个云环境的资源
　　　　　　　　　　　　　　// 此处请填入环境 ID, 环境 ID 可打开云控制台查看
　　　　　　　　　　　　　　// 如不填则使用默认环境（第一个创建的环境）
　　　　　　　　　　　　　　env: ‘xxxxxxxxxx‘,
　　　　　　　　　　　　　　traceUser: true,
　　　　　　　　　　　　})
　　　　　　　　　　}

　　　　　　　　　　　--> 接着运行 mpvue 项目即可 npm run build  npm run dev 就可以了