• 1、创建微信小程序项目

  • 2、在打开小程序根目录文件夹

  • 3、在根目录文件夹中打开终端
    输入npm init --yes然后回车。

  • 4、安装Vant-weapp
    npm安装
    输入:npm i @vant/weapp -S --production
    yarn安装
    输入:yarn add @vant/weapp --production

  • 5、将 app.json 中的 “style”: “v2” 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。

  • 6、使用微信开发者工具进行构建

  • 7、在微信小程序中使用Vant
    完成构建后,你可以看到你的小程序目录中多了一个文件夹

    这个文件夹就是Vant的组件库。你只需要在你需要使用Vant的页面中进行组件的注册即可使用了。如图