1. 程式人生 > >從0開始搭建Element專案

從0開始搭建Element專案

第一步:安裝 Node.js/NPM

  下載Node.js:https://nodejs.org/zh-cn/download/ 

  下載安裝即可。

 

第二步:安裝 vue-cli

  開啟 cmd 建立,在命令列下執行命令即可安裝: 

npm install -g @vue/cli

  安裝完後,會有一個 vue 命令可以被呼叫:   

 

vue --version

如果沒有,請從重新開始!

 

第三步:建立新的專案

  開啟 cmd 視窗,切換到相關工作目錄: 

  例:專案在D盤,mydemo資料夾中。

  

D:

cd  mydemo

  然後在,命令列下,使用vue建立專案:

vue create vue-demo

  等待專案建立,建立成功後顯示:

 第四步:新增ElementUI支援

  繼續在命令列,敲入命令:

vue add Element 

  如果有提醒,分別選擇:

    1. Full Import? Enter
    2. SCSS support? N
    3. ZH-CN

   等待完成即可!

 

 第五步,增加 router 支援

  在上述的命令列下,敲入命令:

 

     vue add router

  如果有提醒,選擇“回車”,“回車”….

  等待完成即可!