小程序使用Vant教程

1. 右击项目名称在终端打开

2. 输入命令 npm init (一路回车)

3. 输入命令 npm i @vant/weapp -S --production 下载 vant库

4.点击详情，点击使用npm模块

image.png

5.打开微信开发者工具，点击 工具 -> 构建 npm ,刷新一下即可使用组件库

6.在app.json引入组件

// app.json
"usingComponents": {
"van-button": "@vant/weapp/button"
}

7.在VXML使用组件
<van-button type="primary">按钮</van-button>