前言
這篇博文不會(huì)教你怎么安裝vue,但會(huì)告知安裝過程中可能遇到的5個(gè)問題
5個(gè)報(bào)錯(cuò)
①:若使用vue -V查詢是否安裝vue時(shí)提示沒有找到指令,可能是你沒有安裝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ù)料的問題)
③:若直接使用 npm run dev 命令運(yùn)行會(huì)報(bào)錯(cuò),提示沒有這樣的文件或目錄,需要先創(chuàng)建一個(gè)項(xiàng)目
使用vue init webpack vue_test(vue_test為項(xiàng)目名稱)創(chuàng)建項(xiàng)目,然后根據(jù)需要來(lái)選擇,
沒有出現(xiàn)(Y/n)讓你選擇是否安裝的選項(xiàng)直接回車即可,Y為安裝,n為不安裝
④:若進(jìn)入項(xiàng)目目錄,輸入npm run dev后提示沒有找到該項(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安裝依賴包時(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)打開瀏覽器設(shè)置(默認(rèn)是手動(dòng)打開)
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 即可
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注