element-ui是基于 vue2.0的 ui框架,由餓了么團(tuán)隊(duì)開(kāi)發(fā)維護(hù)的,目前是vue的ui庫(kù)中的一個(gè)框架在vue專題中可以看到各個(gè)ui框架的受歡迎程度
使用vue-cli + element-ui有兩種方式
方案一:
①先使用vue-cli 搭建好項(xiàng)目,
②再使用npm install對(duì)應(yīng)的模塊、插件,
③再去webpack.conf.js中進(jìn)行配置各種文件的加載器,
④再去.babelrc 中配置插件
如果項(xiàng)目還沒(méi)開(kāi)始編寫(xiě),就不要使用方案一了,如果項(xiàng)目已經(jīng)啟動(dòng)了一陣子了,那就得按以上要點(diǎn)每一步都得處理好,稍有不慎,就報(bào)錯(cuò)了,這里介紹一下方案二,就是使用 element-ui 提供的一個(gè)模板
方案二:
① 使用 git 命令git clone下載官方提供的模板,
② 使用cnpm intsall下載依賴的模塊(沒(méi)有淘寶鏡像 cnpm 可以使用npm install)
③ 使用npm run dev跑項(xiàng)目
模板的基本架構(gòu)如下——和使用vue-cli 腳手架搭建的項(xiàng)目基本沒(méi)有區(qū)別,十分干凈
接下來(lái)就可以使用element-ui庫(kù)了
粵嵌科技13年專注IT人才培訓(xùn)學(xué)習(xí)的專業(yè)機(jī)構(gòu),主要培訓(xùn)課程為,嵌入式開(kāi)發(fā)、Java大數(shù)據(jù)、Unity游戲開(kāi)發(fā)、Python人工智能、HTML5前端開(kāi)發(fā)、全棧UI設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷、CCIE網(wǎng)絡(luò)等專業(yè)課程