采坑小程序中使用vant ui，网上好多说的都乱七八遭的，

1.创建项目

如果你的小程序中使用过云开发也不要紧，自动创建的时候他会自动创建带云函数的工程，

把项目中不必要的目录删除 删除前，

删除后

app.js 初始化的函数删了，app.json中只留一个Index就行

2.正式开始 了，上面都是创建项目

在项目中右键点击page文件夹 在资源管理器中打开 然后 打开命令行窗口

1. npm init -y
2. npm i @vant/weapp -S --production

3.安全完成后

点击工具 ，在点击下面的 npm 构建

构建完成后

4. 按照vant ui 文档加上使用 ，比如使用buttom组件

在index.wxml中 <van-button round type="info" size='mini' bindtap="showloag">圆形按钮</van-button>

在index.wxjson中

{
  "usingComponents": {
    "van-button": "@vant/weapp/button/index",
  }
}

点击编辑即可

6. 有的组件主要引用js ，按照官方文档是不行的 ，我们需要改造一下，比如使用Dialog 弹出框

1.在index.wxml中

<van-dialog id="van-dialog" />

2.在index.wxjson中

{
  "usingComponents": {
  "van-dialog": "@vant/weapp/dialog/index"
  }
}

3. 在index.js中引入js
   需要注意的是 ，文档上import Dialog from 'path/to/@vant/weapp/dist/dialog/dialog';

其实在我们的index,js中

import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog';

path/to需要换成../../miniprogram_npm

并且这里少了一层dist目录，