一、配置vant组件库

1、网址 https://youzan.github.io/vant-weapp/#/quickstart

2、小程序初始化

3、装包

###	需要输入的指令
npm init
项目名称
npm i @vant/weapp -S --production

4、修改app.json

将app.json中的"style":"v2"去除

5、构建npm包

打开微信开发者工具，点击 工具 -> 构建 npm，构建完成后，即可引入组件。

6、引入组件

在app.json中

"usingComponents": {
  "van-button": "@vant/weapp/button/index"
                                                    .........
   // 使用的组件全部都要在这里引入
}

7、使用组件

报错

这个是路径问题，可能是因为vant更新版本不同造成的

解决

把node_modules干掉，粘贴复制这个文件就好了

这个文件我放在网盘了，大家需要可以自己提取

链接：https://pan.baidu.com/s/1S50HZZPeILqX8Sp6KI9XyQ 提取码：yyds

配套视频：03复制粘贴写小程序之使用vant组件库