微信小程序:vant组件库安装步骤

前言:在微信小程序中引用vant组件报错,提示路径不存在,这很有可能是因为没有安装构建vant组件库导致。下面是我整理的安装vant组件库的步骤:

第一步:安装node.js(执行完第一步请重启小程序)

具体步骤请看链接:node.js下载安装步骤整理-CSDN博客

第二步:通过npm安装vant

>>点击进入vant官网

Vant Weapp - 轻量、可靠的小程序 UI 组件库

>>快速上手>>步骤一 通过 npm 安装>>复制命令 npm i @vant/weapp -S --production

>>在小程序页面下方空白处>>鼠标右键>>在外部终端窗口中打开

>>输入命令 npm init -y >>回车>>返回如下图所示

>>输入命令 npm i @vant/weapp -S --production(刚复制的命令)>>回车>>返回如下图所示

第三步:构建 npm 包

>>打开微信开发者工具>>点击 工具 -> 构建 npm,构建完成后,即可引入组件。

相关推荐
爱勇宝3 天前
我想认真做一件小事:让孩子和家长更好地互动
微信小程序·小程序·云开发
唯火锅不可辜负3 天前
避坑指南:iOS 下 scroll-view 嵌套 fixed 布局的“翻车”现场与修复
微信小程序
didiplus3 天前
运维人的随身神器:我把25个常用工具塞进了微信小程序
微信小程序
一份执念4 天前
uni-app 小程序分包限制处理与主包体积优化实战
前端·微信小程序
一份执念4 天前
ECharts 安装与使用完全指南:从全量引入到小程序分包优化
微信小程序·echarts
skiyee5 天前
🔥UniApp 仅需 5 行代码!实现所有页面中控制应用主题变化
前端·微信小程序
Jinkey7 天前
要用户手机号真的是为了打骚扰电话吗?浅谈微信生态会员账号体系与资产合并
后端·微信·微信小程序
用户4324281061149 天前
微信小程序从0到1接入微信支付的完整攻略
微信小程序
spmcor10 天前
微信小程序 setStorageSync 踩坑实录:别让"顺手一存"变成"隐形炸弹"
微信小程序
用户43242810611411 天前
小程序埋点设计规范:如何设计可扩展的数据采集体系
微信小程序