微信小程序引入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 模块 选项，构建完成后，即可引入组件

 

四：引入组件

 

在子页面中的.json文件。

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

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

 

 

在wxml文件中，加入：

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