微信小程序安装VantWeapp框架流程

备忘一下，经常会忘记

一、官网

Vant Weapp

二、新建小程序

这步不用教吧

三、npm初始化

先这样

然后输入命令

npm init

四、安装vant weapp

npm i @vant/weapp -S --production

五、构建npm模块

六、使用

在index.json中

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

在index.wxml中

<van-button type="default">默认按钮van-button>
<van-button type="primary">主要按钮van-button>
<van-button type="info">信息按钮van-button>
<van-button type="warning">警告按钮van-button>
<van-button type="danger">危险按钮van-button>

效果