接觸vue這個框架的時間并不長选侨,不過這個卻是現(xiàn)在比較主流的前端框架,所以沒有用到,也建議有心的“小朋友們”(因為今天六一嘛妥凳,湊個熱鬧)能利用空余時間去了解下拱镐。以下是安裝步驟
安裝完nodejs的所有,能正常運行整個項目后,將element集成到項目中的步驟如下:
1.在cmd命令行進入到項目根目錄輸入cnpm i element-ui -S
2.安裝完成之后,package.json文件會增加element-ui依賴
3.用完整引入方式在main.js中寫入以下內(nèi)容
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)拴竹;
這里特別注意一點栓拜,之前上圖標(biāo)識提到的新增注釋掉的語句是不需要注釋掉的啦鸣,他是樣式文件赏陵,如果注釋掉就無法引用此框架樣式,之所以安裝時出錯是里面的路徑和網(wǎng)上提供的不一致,實際還是按照自己項目下的路徑名來定義,如我的項目下面此框架的樣式路徑是這樣:
element-ui/lib/theme-chalk/index.css
4.可以使用安裝依賴cnpm install
5.最后運行 npm run dev
6.可以測試在App.vue文件添加
效果顯示
參考文檔:https://www.cnblogs.com/Leo_wl/p/6900113.html
最后祝所有的大朋友以及小朋友們節(jié)日快樂!