前言

這篇博文不會(huì)教你怎么安裝vue，但會(huì)告知安裝過(guò)程中可能遇到的5個(gè)問(wèn)題

5個(gè)報(bào)錯(cuò)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

補(bǔ)充：

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

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

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

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

npm install

npm run dev

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

最新評(píng)論