前言

這篇博文不會教你怎么安裝vue，但會告知安裝過程中可能遇到的5個問題

5個報錯

①：若使用vue -V查詢是否安裝vue時提示沒有找到指令，可能是你沒有安裝vue-cli腳手架（vue-cli可快速創(chuàng)建vue項目）

②：vue安裝淘寶鏡像時報錯，提示無效的配置，必須是完整合法的http地址，原因是我在url前面加了1個空格，這里不要有空格

注：安裝淘寶鏡像后，需要用到npm的地方都可以用cnpm替換，但建議安裝模塊和插件用cnpm，打包和啟動vue用npm

（cnpm是國內鏡像，npm服務器在國外，固cnpm安裝速度更快，但可能出現更新不及時導致出現一些不可預料的問題）

③：若直接使用 npm run dev 命令運行會報錯，提示沒有這樣的文件或目錄，需要先創(chuàng)建一個項目 

使用vue init webpack vue_test（vue_test為項目名稱）創(chuàng)建項目，然后根據需要來選擇，

沒有出現（Y/n）讓你選擇是否安裝的選項直接回車即可，Y為安裝，n為不安裝

④：若進入項目目錄，輸入npm run dev后提示沒有找到該項目，說明你的項目路徑有誤，檢查項目路徑和輸入命令是否正確 

這里是項目路徑輸入有誤，直接復制路徑粘貼到git bash（相當于windows的cmd） 路徑斜杠會變成'\'，實際應該用'/'，

注：在git bash復制項目路徑無法直接ctrl+v粘貼，直接點一下鼠標滾輪即可粘貼

 ⑤：輸入npm install安裝依賴包時，若有下圖提示

審核了11959個包發(fā)現12個漏洞（7個中等，5個高危）運行`npm audit fix`來修復它們，

或者運行`npm audit`來獲取詳細信息，這里直接輸入npm audit fix修復即可

接著會出現下圖所示，告知你已修復其中一些漏洞，還需輸入npm audit fix --force 進一步修復

然后看到下面提示在輸入npm audit即可

最后當你看到下圖所示，說明你已經完全修復了漏洞 

補充：

①：運行npm run dev 后自動打開瀏覽器設置（默認是手動打開）

config-index.js，然后找到 autoOpenBrowser: false, 把false改為true即可

②：若你想終止啟動vue，不想每次都重復下面3個步驟

cd "項目路徑"

npm install

npm run dev

可直接ctrl+c會出現下圖所示，根據提示選Y，此時只需在輸入一次 npm run dev 即可

最新評論