-
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的页面中进行组件的注册即可使用了。如图