vant weapp 小程序版官网地址: https://vant-contrib.gitee.io/vant-weapp/#/intro
与官网步骤不一样,官网步骤缺少第一第二步,不能构建成功。
步骤一
在小程序所在目录cmd 执行: npm init -y
步骤二
执行 npm install
步骤三
执行 npm i @vant/weapp -S --production
步骤四
打开微信开发者工具,点击 工具 -> 构建 npm,并勾选 使用 npm 模块 选项,构建完成后,即可引入组件。
构建完成小程序目录会多这四个文件
步骤四 引入
在app.json
或index.json
中引入组件
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}