1.在微信开发者工具，创建一个基础项目

2.进入项目根目录，执行如下命令

npm init -y

yarn add @vant/weapp --production

3.勾选开发者工具中的 使用npm

4.构建npm，构建完成

5.将 app.json 中的 "style": "v2" 去除，小程序的基础项目中强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。

6.页面使用组件

 "usingComponents": {
    "van-collapse": "@vant/weapp/collapse/index",
    "van-button": "@vant/weapp/button/index",
  }
  
  <van-button type="info" bind:click="handle" block>信息按钮</van-button>

7.使用Toast组件的坑 注意修改

将
    import Toast from 'path/to/@vant/weapp/dist/toast/toast';
改为：
    import Toast from '@vant/weapp/toast/toast'

Toast('我是提示文案，建议不超过十五字~');

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

8.引入内置样式报错

• 社区解决地址：https://github.com/youzan/vant-weapp/issues/673
• 在app.wxss中引入

将：
    @import '@vant/weapp/common/index.wxss';
改为：
    @import "/miniprogram_npm/@vant/weapp/common/index.wxss";
    
推荐在 app.wxss 中设置以下全局字体，以保证在不同设备上提供最佳的视觉体验

page { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; }

总结：做任何事情一定要细心，有耐心，持之以恒。