想必各位前端程序員使用vue的時(shí)候，都會想到element-ui框架，element-ui框架搭配vue開發(fā)起來是非常方便的，但是很多小白對這些并不了解，接下來我就教大家怎么安裝以及使用element-ui框架。
 

 
首先對簡單的時(shí)候直接引入線上js代碼，代碼如下：
 
<!-- 引入樣式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 
<!-- 引入組件庫 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
 
大家還可以使用npm進(jìn)行安裝Element-ui框架，代碼如下：
 
npm i element-ui -S
 
安裝完element-ui框架之后，再配置環(huán)境，代碼如下：
 
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
 
Vue.use(ElementUI);
 
new Vue({
  el: '#app',
  render: h => h(App)
});
 

 
element-ui框架在布局方面是非常簡單方便的，element-ui框架布局分為：基礎(chǔ)布局、分欄間隔、混合布局、分欄偏移、對齊方式、響應(yīng)式布局。element-ui框架與bootstrap框架布局方式其實(shí)是差不多的，但是比bootstrap框架更加靈活實(shí)用，更加方便，由其實(shí)在在后端erp的時(shí)候，主要erp后端是不需要很多絢麗多彩，很有科技感的頁面，只需要在布局上面做文章就可以了，所以就可以使用element-ui框架更加方便快捷，所以深受前端程序員的喜愛。
 
對于高級前端程序員可能他們覺得，這種框架不行會進(jìn)行二次開發(fā)，其實(shí)有很多框架和插件都是初創(chuàng)者分享得來的，然后經(jīng)過很多高級工程師的二次開發(fā)演變成如今很好用的框架和插件，其實(shí)很多開發(fā)工具都是一樣的性質(zhì)，都是通過各位程序員總結(jié)的結(jié)晶演變而來的，和前人種樹，后人乘涼一樣的道理。