fastadmin引入vue2 vue3的elementUi组件库

![](https://resource.maoshu.fun/storage/default/20241010/image3fdd537d59c7f0f9a30a305c36a7a07dd554abbd.png?e=1748800295&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:Rlv5ii8mkJkVUuiMIldMBJKv9sE=)

在此之前，请务必先成功引入了vue

## 视频地址：
https://www.bilibili.com/video/BV1fw411N7xc

## vue2版本：

### 1.下载elementUi需要用到的js和css文件

官方文档给的2个cdn网址，打开之后右键另存为即可下载。

```
https://unpkg.com/element-ui/lib/theme-chalk/index.css

https://unpkg.com/element-ui/lib/index.js
```

另外，还需要下载字体文件，这里我已经全部下载并打包好了，大家可以直接下载使用：

!!! warning 此处为本文章的隐藏内容
需花费 50 积分兑换 或 在下方开通会员解锁。
!!!

## vue3版本：

### 1.下载element-plus需要用到的js和css文件

官方文档给的2个cdn网址，打开之后右键另存为即可下载。

```
https://unpkg.com/element-plus/dist/index.css

https://unpkg.com/element-plus
```

这里我已经全部下载并打包好了，大家可以直接下载使用：

```
vue3文件
链接: https://pan.baidu.com/s/1H3IhgDv-KVhm5NhsoQvwCA?pwd=p2jb 
提取码: p2jb
```

下载后为了方便，我重命名了下，分别为 `elementui.index.css`和`elementui.full.js`，这里的名称在下面会用到。

然后把下载好的文件放在我们之前创建的`public\assets\libs\vue3`文件夹内。

### 2.配置requireJs
打开这个文件`public/assets/js/backend-init.js`，在顶部加上这段代码（注意大小写）：

!!! warning 此处为本文章的隐藏内容
需花费 50 积分兑换 或 在下方开通会员解锁。
!!!
做完之后记得根据官方文档重新打包下js，官方文档：https://doc.fastadmin.net/doc/162.html#toc-1

铜牌 · 会员

解锁全部文章

全部课程8折购买

如果在b站充值了专属会员，可联系猫叔直接开通相同时间的此会员

¥50/年

金牌 · 会员

解锁全部文章

全部课程5折购买

微信一对一答疑

优先解决问题

¥1999/年