1、在本地新建一个空文件夹

2、打开微信开发者工具新建小程序快速模板

3、cmd到当前目录执行

1、第一步:npm init
2、第二步:npm install --production
3、第三步: npm i vant-weapp -S --production

4、在微信开发工具执行npm 构建

菜单栏:工具->构建npm

构建完会生成一个miniprogram_npm文件夹


小程序引入Vant Weapp_商业微信截图_20200713162239.png


5、应用vant-weapp

1、需要在想相对应的.json文件里添加配置:

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

2、然后就可以在WXML文件里直接使用

<view class="container">
<van-button type="primary">按钮</van-button>
</view>

作者:O蚂蚁O

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。