【微信小程序】vant引入

上篇分享了微信小程序项目的创建，这篇分享vant组件的引入。
微信小程序项目创建：https://blog.youkuaiyun.com/weixin_42575720/article/details/126305724

小程序对 npm 的支持与限制
目前小程序已经支持使用 npm 安装第三方包，从而来提高小程序的开发效率。但是，小程序中使用 npm 包有如下3个限制：
①不支持依赖于 Node.js 内置库 的包
②不支持依赖于浏览器内置对象的包
③不支持依赖于C++插件的包

安装vant组件步骤：
https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html
https://vant-contrib.gitee.io/vant-weapp/#/quickstart

1.初始化包管理文件

这里是引用

2.通过 npm 安装 vant

npm i @vant/weapp -S --production
// 指定版本号
npm i @vant/weapp@1.3.3 -S --production

3.构建 npm 包

（如果有类似以上报错的话，重启微信开发者工具）

4.修改app.json文件

5.使用 vant 组件

安装完成 Vant 组件之后，可以在 app.json 的 usingComponents 节点中引入需要的组件，即可在 wxml 中直接使用组件。

我是小编kk， 遇到Bug需要帮助， 欢迎加wx： xmzl1988 备注"csdn博客“ 温馨提示此为有偿服务;