從0開始搭建Element專案
阿新 • • 發佈:2018-11-22
第一步:安裝 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
如果有提醒,分別選擇:
-
- Full Import? Enter
- SCSS support? N
- ZH-CN
等待完成即可!
第五步,增加 router 支援
在上述的命令列下,敲入命令:
vue add router
如果有提醒,選擇“回車”,“回車”….
等待完成即可!