---
# System prepended metadata

title: 如何安裝Element UI
tags: [教學, Element UI]

---

# 如何安裝Element UI
###### tags: `教學` `Element UI` 
:::info

:boy: **作者：** neverleave0916 

:mailbox_closed: **聯絡資訊：<neverleave0916@gmail.com>**
:point_right: **<font color="#B24B42">修改日期：** 2020/7/27 23:31</font>
:::

## 1.安裝

```console=+
npm i element-ui -S
```

## 2.引用
```console=
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css' (注意與網站不同這才是對的)
```
## 3.將ElementUI引入Vue
```console=
Vue.use(ElementUI)
render: h => h(App)
```
![](https://i.imgur.com/tZlcmF3.jpg)

### 參考資料：
- [[Vue.js教學筆記]好用的前端設定套件-Element UI
](https://a091234765.pixnet.net/blog/post/400895843-%5Bvue.js%E6%95%99%E5%AD%B8%E7%AD%86%E8%A8%98%5D%E5%A5%BD%E7%94%A8%E7%9A%84%E5%89%8D%E7%AB%AF%E8%A8%AD%E5%AE%9A%E5%A5%97%E4%BB%B6-element-ui)


---
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>