element-ui基本使用
官網地址為: 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 並安裝
⑤ 配置外掛,實現按需匯入,從而減少打包後專案的體積
相關文章
- vue中使用element-UIVueUI
- Element-UI個人使用總結UI
- Vue 中使用element-ui樣式無效VueUI
- element-uiUI
- 優雅的使用 element-ui 中的 table 元件UI元件
- MySQL基本使用MySql
- Retrofit基本使用
- RabbitMQ基本使用MQ
- Redis基本使用Redis
- Docker基本使用Docker
- 反射基本使用反射
- ViewDragHelper基本使用View
- indexedDB 基本使用Index
- TextMeshPro - 基本使用
- Jmeter基本使用JMeter
- Thymeleaf基本使用
- nvim 基本使用
- OpenCV 基本使用OpenCV
- git基本使用Git
- element-ui中使用@mouseenter、@mouseleave等不起作用UI
- Vue使用element-ui所遇BUG與需求集結(二)VueUI
- element-ui使用from表單驗證資料問題UI
- element-ui的table使用fixed錯位的解決方法UI
- vue引入element-uiVueUI
- element-ui坑點UI
- Vuex的基本使用Vue
- mongoose的基本使用Go
- mysqli的基本使用MySql
- mybatis的基本使用MyBatis
- nginx基本配置使用Nginx
- Linux基本使用Linux
- IndexedDB(一:基本使用)Index
- RecyclerView 的基本使用View
- Bootstrap 的基本使用boot
- Laravel Collection 基本使用Laravel
- mysqldumpslow基本使用MySql
- springMVC基本使用SpringMVC
- github的基本使用Github