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中使用@mouseenter、@mouseleave等不起作用UI
- Retrofit基本使用
- ADB基本使用
- Linux基本使用Linux
- shape基本使用
- Jmeter基本使用JMeter
- TextMeshPro - 基本使用
- ComplateFeature基本使用
- MySQL基本使用MySql
- composer 基本使用
- Docker基本使用Docker
- Ajax基本使用
- Markdown基本使用
- Thymeleaf基本使用
- nodejs基本使用NodeJS
- git基本使用Git
- OpenCV 基本使用OpenCV
- 反射基本使用反射
- prismjs 基本使用JS
- nvim 基本使用
- Redis基本使用Redis
- QuickTestProfessional基本使用UI
- springMVC基本使用SpringMVC
- RabbitMQ基本使用MQ
- mysqldumpslow基本使用MySql
- mongoose的基本使用Go
- Vagrant 的基本使用
- Vuex的基本使用Vue
- IndexedDB(一:基本使用)Index
- GoldenGate Logdump基本使用Go
- JSCore的基本使用JS
- nginx基本配置使用Nginx
- ContentProvider的基本使用IDE
- Promise的基本使用Promise