- 打开微信小程序项目终端,如果根目录没有
package.json
文件,就先执行命令npm init -y
- 之后安装@vant/weapp组件,执行命令
npm i @vant/weapp -S --production
若是安装指定版本npm i @vant/weapp@1.9.1 -S --production
- 修改
project.config.json
文件
{
...
"setting": {
...
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./"
}
]
}
}
- 找到开发者工具顶部
工具
->点击构建npm
- 参考官方文档引入button组件:https://vant-contrib.gitee.io/vant-weapp/#/button
官方:https://vant-contrib.gitee.io/vant-weapp/#/home
快速上手:https://vant-contrib.gitee.io/vant-weapp/#/quickstart