关于微信小程序引入vant组件库的方法

一、下载并安装node.js

进入官网便可以直接下载,这是下载链接:http://nodejs.cn/download/
根据自己的需要自行下载就可以。
在这里插入图片描述
下载完成后进行安装,安装也很简单,直接点下一步就可以。

二、进入小程序项目用npm进行安装

首先右键根目录,点击在终端中打开
在这里插入图片描述
在这里插入图片描述
然后输入npm init进行初始化小程序项目,输入后一路回车即可,结束后若发现项目中生成了一个package.json文件夹即代表成功了,接着输入npm i vant-weapp -S --production变数通过npm来安装vant组件库了,完成后若项目中生成了package-lock.json文件夹便代表你成功了。
在这里插入图片描述
下面也是至关重要的一步,先点击小程序中右上角的“详情”
在这里插入图片描述
接着点击本地设置,勾选使用npm模块(很重要)。
在这里插入图片描述

最后,构建npm

继续进入小程序,点击左上角的“工具”,然后点击“构建npm“
在这里插入图片描述
出现如图所示的弹框你便成功了
在这里插入图片描述
对于小程序的开发者而言,vant组件库可以说是必不可少的,它可以为你的页面设计提供诸多方便,也可以为你节省更多的时间做更多的事

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

旁观者lgp

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值