微信小程序中引入第三方UI组件库vant

Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用

如何在微信小程序中引入vant

1.在微信开发者工具—调试器中打开终端，输入npm init，回车

此时会初始化一个package.json文件，文件信息可以输入也可以直接回车

2、在终端中输入安装vant命令 npm i vant-weapp -S --production

3、在微信开发者工具—工具—点击构建npm，构建后会生成miniprogram_npm文件夹

4、在微信开发者工具—右侧详情—本地设置—勾选“使用npm模块”

到这里已经安装完成，可以在项目中使用vant组件了

1、在页面的json文件中引入需要的组件，注意路径要进行修改
2、在页面的wxml文件中直接使用组件
更多组件可以查看Vant Weapp官方文档