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

方式二. 手动按需引入组件

方式三. 导入所有组件

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

被折叠的 条评论
为什么被折叠?



