微信小程序: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,构建完成后,即可引入组件。

相关推荐
军军君016 分钟前
基于Springboot+UniApp+Ai实现模拟面试小工具三:后端项目基础框架搭建上
前端·vue.js·spring boot·面试·elementui·微信小程序·uni-app
两个月菜鸟28 分钟前
微信小程序进度条cavans
微信小程序·小程序
從南走到北36 分钟前
JAVA青企码协会模式系统源码支持微信公众号+微信小程序+H5+APP
java·微信·微信小程序·小程序·uni-app·微信公众平台
pearbing1 小时前
持续优化小程序排名,稳定获取搜索流量
小程序
2501_915106323 小时前
Fiddler 中文版抓包实战 构建标准化调试流程提升团队协作效率
android·ios·小程序·https·uni-app·iphone·webview
mg6683 小时前
微信小程序入门实例_____从零开始 开发一个每天记账的微信小程序
微信小程序·小程序
sanhuamao4 小时前
Taro+nestjs+mongodb实现健身记录微信小程序
微信小程序·taro·nestjs
说私域8 小时前
链接型社群的数字化升级路径研究——基于开源链动2+1模式与AI智能名片的S2B2C商城小程序赋能视角
人工智能·小程序·开源
说私域8 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的营销直播质量提升策略研究
人工智能·小程序
转转技术团队8 小时前
微信小程序 Skyline 渲染引擎解析:如何突破 WebView 的性能天花板
微信小程序