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);
2. 基於圖形化界面自動安裝
① 運行 vue ui 命令,打開圖形化界面
② 通過 Vue 項目管理器,進入具體的項目配置面板
③ 點擊 插件 -> 添加插件,進入插件查詢面板
④ 搜索 vue-cli-plugin-element 並安裝
⑤ 配置插件,實現按需導入,從而減少打包后項目的體積
