安裝搭配VUE使用的UI框架ElementUI

可以搭配vue的UI框架有幾個，我用的是element-ui，現在呢，我要在復習一遍

1、vue init webpack-simple element-ui

2、cd element-ui

3、npm install(如果報錯就用cnpm)

4、cnpm install style-loader -S （在第一步時如果用的是webpack-simple，他默認沒有安裝style-loader，但如果用的是“vue init webpack element-ui”就不用了）

5、cnpm install element-ui -S

6、安裝完成之后，在main.js里面全局引用

　　import ElementUI from 'element-ui';

　　import 'element-ui/lib/theme-default/index.css';　　　　//注意：樣式要單獨引用

最近我更新了elementUI框架，然后就一直報錯，，后來查了很多資料，有在文件夾對路徑，終於發現，是ele更新到2.0后，index.css的路徑變了，變成了在theme-chalk下面的，所以，就修改了一下

 

import 'element-ui/lib/theme-chalk/index.css';//樣式要單獨引用(升級element-UI后，這里的路徑變了)

 

這樣就可以用了

 

7、然后全局注冊

Vue.use(ElementUI) 

 

好啦，現在就可以用了。