element-ui基本使用

前端的瑩瑩發表於2020-12-22

官網地址為: http://element-cn.eleme.io/#/zh-CN

1.基於命令列方式手動安裝

① 安裝依賴包 npm i element-ui –S
② 匯入 Element-UI 相關資源

**// 匯入元件庫
import ElementUI from ‘element-ui’;
// 匯入元件相關樣式
import ‘element-ui/lib/theme-chalk/index.css’;
// 配置 Vue 外掛
Vue.use(ElementUI);

2. 基於圖形化介面自動安裝

① 執行 vue ui 命令,開啟圖形化介面
② 通過 Vue 專案管理器,進入具體的專案配置皮膚
③ 點選 外掛 -> 新增外掛,進入外掛查詢皮膚
④ 搜尋 vue-cli-plugin-element 並安裝
⑤ 配置外掛,實現按需匯入,從而減少打包後專案的體積