🔥Vue-cli3腳手架🔥
| Vue腳手架 | 位址 |
|---|---|
| 🔥Vue-cli3腳手架 | https://blog.csdn.net/m0_55990909/article/details/123956982 |
| 🔥Element-UI 的基本使用 | https://blog.csdn.net/m0_55990909/article/details/123957041 |
✍目錄總覽：
1. 基于指令行方式手動安裝
① 安裝依賴包 npm i element-ui –S
② 導入 Element-UI 相關資源
// 在main.js檔案内導入元件庫
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 并安裝
⑤ 配置插件，實作按需導入，進而減少打包後項目的體積
3.使用案例
最終效果：