微信小程序vant weapp安装与使用

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"
}