小程序快速引入vant-weapp组件库(适合小白)

在阅读本篇文章之前,相信你已经对小程序有了很深刻的认知及了解。

下面开始介绍小白入门步骤,搬个板凳认真听

第一步,我们右键进入小程序根目录

这样我们就进入了根目录

第二步,在根目录按住Shift键然后点击鼠标右键,选择“在此处打开命令窗口(W)”

第三步,在命令窗口输入以下命令

npm i vant-weapp -S --production

这样我们就成功下载vant组件库啦,下一步我们需要初始化组件库

第四步,这一步是最为重要的一步,一会我将会说原因,我们在刚才打开的命令窗口执行下面命令

npm init

最后这样就算我们初始化完成啦

好吧,现在来给大家说下为啥第四步至关重要,如果你不执行npm  init命令,这个组件库就不会初始化自然在你去小程序开发者工具执行构建npm的时候会报错(没有找到可以构建的NPM包),相信这是绝大多数小白遇到的问题。

好啦,这里说完原因了,下面我们进行第五步,构建NPM包。

第五步,使用小程序开发者工具构建NPM包,操作如下

构建ing.....,构建好之后会出现下面示例

到这一步说明我们的组件库已经构造完毕,但是它还不能用起来,怎么用起来呢,看第六步。

第六步,勾选使用npm模块

到此我们的组件库引用教程就介绍完毕了。

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值