前言

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

5個報(bào)錯

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

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

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

（cnpm是國內(nèi)鏡像，npm服務(wù)器在國外，固cnpm安裝速度更快，但可能出現(xiàn)更新不及時(shí)導(dǎo)致出現(xiàn)一些不可預(yù)料的問題）

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

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

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

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

這里是項(xiàng)目路徑輸入有誤，直接復(fù)制路徑粘貼到git bash（相當(dāng)于windows的cmd） 路徑斜杠會變成'\'，實(shí)際應(yīng)該用'/'，

注：在git bash復(fù)制項(xiàng)目路徑無法直接ctrl+v粘貼，直接點(diǎn)一下鼠標(biāo)滾輪即可粘貼

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

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

或者運(yùn)行`npm audit`來獲取詳細(xì)信息，這里直接輸入npm audit fix修復(fù)即可

接著會出現(xiàn)下圖所示，告知你已修復(fù)其中一些漏洞，還需輸入npm audit fix --force 進(jìn)一步修復(fù)

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

最后當(dāng)你看到下圖所示，說明你已經(jīng)完全修復(fù)了漏洞 

補(bǔ)充：

①：運(yùn)行npm run dev 后自動打開瀏覽器設(shè)置（默認(rèn)是手動打開）

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

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

cd "項(xiàng)目路徑"

npm install

npm run dev

可直接ctrl+c會出現(xiàn)下圖所示，根據(jù)提示選Y，此時(shí)只需在輸入一次 npm run dev 即可

最新評論