微信小程序引入vant UI

861 阅读1分钟

1.在小程序项目根目录上初始化npm

npm init

2.执行官方要求的命令:

npm install --production

3.启用npm

20200519172752399.png

4.执行VantUI提供的安装命令

image.png

成功之后显示,并且可以看到多了一个:miniprogram_npm 目录

5.使用VantUI控件,首先进行导入:

例如app.json中导入:

"usingComponents": {
    "van-button": "miniprogram_npm/vant-weapp/button/index"
}

之后就可以参考官方文档vant-contrib.gitee.io/vant-weapp/… 正常使用