element-ui vant 安装引入应用

本文介绍了如何在项目中安装并引入element-ui和vant。首先通过npm安装element-ui,并在main.js中全局或按需引入。当遇到.babelrc文件缺失问题时,解释了原因并给出解决方案。接着,文章说明了vant的npm安装步骤,提供了自动和手动按需引入组件的方法,提醒配置按需引入后不能直接导入所有组件。详细使用方法建议参考官方文档。
部署运行你感兴趣的模型镜像

1、element-ui安装

使用npm安装:npm i element-ui -S

查看配置文件package.json文件是否有element-ui的版本信息
在这里插入图片描述
在main.js中引入:
在这里插入图片描述
当然也可以按需引入Element UI组件
安装babel-plugin-component:
在这里插入图片描述
然后,将.babelrc修改为:
在这里插入图片描述
接下来,如果您只希望保留部分组件,例如Button和Select,那么需要在main.js中写入以下内容:
在这里插入图片描述
详细使用请参考官方文档

注意!!!!
我的项目里怎么也找不到.babelrc文件!!!我又去百度才找到原因。。
.babelrc文件找不到的原因是因为我在创建项目时用的命令是vue create project-name,所以找不到.babelrc文件。。。创建项目的命令必须是vue init webpack project-name才能有.babelrc文件,解决找不到.babelrc文件

2、vant安装

在现有项目中使用 Vant 时,可以通过npm或yarn安装

通过 npm 安装:npm i vant -S
通过yarn安装:yarn add vant

查看配置文件package.json文件是否有vant的版本信息
在这里插入图片描述
引入插件

方式一. 自动按需引入组件 (推荐)
安装插件:npm i babel-plugin-import -D
在这里插入图片描述
方式二. 手动按需引入组件
在这里插入图片描述
方式三. 导入所有组件
在这里插入图片描述
注:配置按需引入后,将不允许直接导入所有组件!!
详细使用请参考官方文档

您可能感兴趣的与本文相关的镜像

Llama Factory

Llama Factory

模型微调
LLama-Factory

LLaMA Factory 是一个简单易用且高效的大型语言模型(Large Language Model)训练与微调平台。通过 LLaMA Factory,可以在无需编写任何代码的前提下,在本地完成上百种预训练模型的微调

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值