1. gzyueqian
      13352868059

      怎么利用vue-cli + element-ui 快速搭建項(xiàng)目-粵嵌

      更新時(shí)間: 2018-08-21 10:48:54來(lái)源: 粵嵌教育瀏覽量:4993

          vue2.0的到來(lái),憑借其簡(jiǎn)單易學(xué)、完善的API中文文檔、豐富的生態(tài)系統(tǒng),成為國(guó)內(nèi)目前十分受歡迎的前端MVVM框架, 
          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ū)別,十分干凈

          項(xiàng)目跑起來(lái)后可以看到一個(gè)簡(jiǎn)單的頁(yè)面——就比使用vue-cli搭建的項(xiàng)目的頁(yè)面多了一個(gè)element-ui按鈕組件


          接下來(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è)課程

      免費(fèi)預(yù)約試聽(tīng)課

      亚洲另类欧美综合久久图片区_亚洲中文字幕日产无码2020_欧美日本一区二区三区桃色视频_亚洲AⅤ天堂一区二区三区

      
      

      1. 亚洲免费在线视频 | 亚洲人成伊人成综合网久久久 | 亚洲国产欧美国产第一区在线 | 亚洲A∨精品一区二区三区导航 | 日韩精品卡通动漫中文字幕 | 亚洲国产欧美日韩精品一区二区三区 |