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

devtools/2024/11/16 13:21:51/

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


http://www.ppmy.cn/devtools/134445.html

相关文章

笔记整理—linux驱动开发部分(12)I2C总线与触摸屏设备

IIC总线有三根线:SCL时钟线、SDA串行数据线、GND地线。IIC总线有以下三个特点的特点:同步通信(同一个时钟下)、电平(电平信号、非差分、近距离)、低速。 总线是结构,多个设备挂载同一条总线上&a…

树莓派(Raspberry Pi)picotool

树莓派(Raspberry Pi)picotool 安装直接安装从源码安装工具介绍显示信息保存程序二进制信息基本信息引脚完整信息 链接 安装 直接安装 在archlinux上,使用yay直接安装 yay -S picotool从源码安装 安装libusb sudo pacman -S libusb下载 …

计算机网络 (3)计算机网络的性能

一、计算机网络性能指标 速率: 速率是计算机网络中最重要的性能指标之一,它指的是数据的传送速率,也称为数据率(Data Rate)或比特率(Bit Rate)。速率的单位是比特/秒(bit/s&#xff…

设计模式——策略模式(c++)

策略模式(Strategy Pattern)在 C 中的实现 1. 策略模式定义 策略模式定义了一系列算法(策略类),将每个算法封装起来,使它们可以相互替换,达到灵活使用不同策略的目的。在策略模式中&#xff0…

木舟0基础学习Java的第三十三天(OA企业管理系统)

贯穿项目:OA企业管理系统 框架技术: Springboot / Spring / SpringMVC / MyBatis / Shiro 项目构建管理: maven 数据库: mysql 前端技术: html / css / js / jquery / jsp 扩展技术&#xff…

活动|华院计算作为联盟理事单位出席进博会全球人工智能合作论坛

第七届中国国际进口博览会(进博会)于11月5日至10日在上海举行,作为本次进博会的重要配套活动,首届人工智能全球合作论坛也于9日圆满落幕。本次论坛由全球招商中心委员会、人工智能全球合作论坛组委会主办,中国国际科技…

Redisson的可重入锁

初始状态: 表示系统或资源在没有线程持有锁的情况下的状态,任何线程都可以尝试获取锁。 线程 1 获得锁: 线程 1 首次获取了锁并进入受保护的代码区域。 线程 1 再次请求锁: 在持有锁的情况下,线程 1 再次请求锁&a…

第二十章 TCP 客户端 服务器通信 - 立即发送模式(Q 模式)

文章目录 第二十章 TCP 客户端 服务器通信 - 立即发送模式(Q 模式)立即发送模式(Q 模式)流模式(S模式)缓冲区大小 服务器端OPEN命令 第二十章 TCP 客户端 服务器通信 - 立即发送模式(Q 模式) 立即发送模式…