超详细在vue中配置vantUI组件

  1. 打开van的官方网站
    https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart
    这是网址
  2. 点击快速上手

根据你不同的脚手架版本进行安装
(我使用的是脚手架2)

3.直接找到引入组件

在这里插入图片描述
4.在相应的文件进行配置

在这里插入图片描述
注意看代码的位置,好多小伙伴直接复制粘贴是不对的,要在相应的位置进行复制粘贴


这是配置好的文件(可以有一些出处)
ps:我是按照按需引用来配置的,这也是官网所推荐的
6.测试
cd到你所创建的目录下,
输入

npm run dev

运行无误后,
进行导入(在下面的例子我是随意找的组件进行的操作,到时候你们也可以这么做)
在这里插入图片描述
上图是我对vant的部分组件进行的一系列导入,
注意:
1.是在main.js文件中进行导入
2.在import中可以合并成:
import { xxx ,xxx ,xxx} from ‘vant’;

我是在刚开始的helloword文件中进行的测试,测试环节我就不再展示了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值