Element-UI 的基本使用

Element-UI：一套為開發者、設計師和產品經理準備的基于 Vue 2.0 的桌面端組件庫。

官網地址為： 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);

---

---

---

基于圖形化界面自動安裝

① 運行 vue ui 命令，打開圖形化界面

② 通過 Vue 項目管理器，進入具體的項目配置面板

③ 點擊 插件 -> 添加插件，進入插件查詢面板

④ 搜索 vue-cli-plugin-element 并安裝

⑤ 配置插件，實現按需導入，從而減少打包后項目的體積

總結

以上是生活随笔為你收集整理的Element-UI 的基本使用||基于图形化界面自动安装的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。