① 安裝node
地址:https://nodejs.org/zh-cn/download/? ?下載安裝包烫堤,“下一步” 進(jìn)行安裝即可
打開終端? 輸入 node? -v 查看node版本號(hào)墩衙。node -v跟啤,出現(xiàn)下圖版本提示就是完成了NodeJS的安裝鹅心。
npm的安裝。由于新版的NodeJS已經(jīng)集成了npm 打開終端輸入"npm -v" 來測(cè)試是否成功安裝债蜜。出現(xiàn)下圖版本提示就是完成了npm的安裝钙勃。
②安裝Vue-cli?
?打開終端 輸入 npm install vue-cli -g 安裝vue-cli蛛碌。 打開終端輸入" vue -V " 來測(cè)試是否成功安裝。出現(xiàn)下圖版本提示就是完成了vue-cli? 的安裝辖源。
在安裝包的時(shí)候可能會(huì)失敗蔚携,并出現(xiàn)以下的錯(cuò)誤,原因是npm的安裝權(quán)限不足 錯(cuò)誤如下圖
解決方法:在安裝命令行之前加入sudo,根據(jù)提示輸入密碼即可 (sudo npm install vue-cli -g)。
③? 用vue-cli構(gòu)建項(xiàng)目
創(chuàng)建項(xiàng)目:vue init webpack my-vue? ?(出現(xiàn)一問一答模式:過程總需要填寫一些信息克饶,項(xiàng)目名稱酝蜒、項(xiàng)目描述、是否需要安裝vue-router矾湃、由于只是測(cè)試項(xiàng)目亡脑,unit test單元測(cè)試和ese tests 我選了no)
進(jìn)入項(xiàng)目:cd my-vue
安裝依賴:npm install
運(yùn)行項(xiàng)目:npm run dev