在小程序中引入有赞的vant框架组件

这里给大家讲解小程序中如何引入vant组件（我这里是采用小程序的云开发模板）

1.首先在项目的miniprogram文件夹右键在终端中打开，输入命令npm init初始化生成一个package.json的文件（不想私人定制，一键enter即可生成该文件）

2.进入到有赞vant weapp官网看安装文档，地址：https://youzan.github.io/vant-weapp/#/quickstart

3.使用命令npm i vant-weapp -S --production快速安装vant-weapp下的所有组件

4.此时需要在小程序中的工具菜单下点击构建npm

5.此时项目中就会有一个miniprogram_npm的目录，里面就是所下载的组件文件

6.别忘了，此时还需要点击小程序的详情按钮，勾选使用npm模块才可以使用下载的组件

7.在想使用组件的页面所在目录下的json文件的

"usingComponents": {

"van-button": "vant-weapp/button"

}

8.在wxml中直接使用

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

 

 

大功告成~~~