微信小程序引入vant Weapp组件

一.打开小程序项目,选中miniprogram,右键在“终端打开”

输入命令:npm init(记得以管理员身份运行开发工具),然后一直回车,直至在miniprogram文件夹下,生成package.json文件。

二.打开官网,https://youzan.github.io/vant-weapp/#/intro

 

通过npm安装,执行以下命令

 

       1:npm install --production

 

       2: npm i @vant/weapp -S --production

 

三.构建 npm 包

打开微信开发者工具,点击 工具 -> 构建 npm,并点击详情,勾选 使用 npm 模块 选项,构建完成后,即可引入组件

 微信小程序引入vant Weapp组件

四:引入组件

 

在子页面中的.json文件。

  "van-button": "path/to/@vant/weapp/dist/button/index"

改为:"van-button": "@vant/weapp/button"

 

 

wxml文件中,加入:

van-button type="danger">危险按钮</van-button>

 

 

 

微信小程序引入vant Weapp组件

上一篇:微信小程序生成uuid


下一篇:微信公众号(h5移动端)如何长长按保存图片?