vue安裝遇到的5個報錯小結

 

　　前言

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

　　　　 2017年我寫過一篇安裝vue的博客，詳情：http://www.javashuo.com/article/p-gyzziuhz-mm.html

 

 

　　5個報錯

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

　　　　        

 　　　　　 

 

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

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

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

　　　　       

 

 

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

　　　　       

　　　　　  　   使用vue init webpack vue_test（vue_test爲項目名稱）建立項目，而後根據須要來選擇，

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

　　　　       

 

 

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

　　　　　   這裏是項目路徑輸入有誤，直接複製路徑粘貼到git bash（至關於windows的cmd） 路徑斜槓會變成'\'，實際應該用'/'，

　　　　　　

　　　　　　注：在git bash複製項目路徑沒法直接ctrl+v粘貼，直接點一下鼠標滾輪便可粘貼

 

 

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

　　　　　　審覈了11959個包發現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 便可