vue項(xiàng)目運(yùn)行超詳細(xì)圖解
1.查看node、npm版本
- 打開(kāi)cmd
- 輸入npm -v（查看npm版本）
- 輸入node -v（查看node版本）
若出現(xiàn)類(lèi)似下圖顯示，即為安裝成功
2.刪除刪除package-lock.json和node_modules 文件
此步驟適用于運(yùn)行別人的vue項(xiàng)目，找到項(xiàng)目目錄，如果有node_modules文件夾和package-lock.json，就刪掉（記錄了模塊的下載地址，且是基于項(xiàng)目作者的npm版本庫(kù)生成）
3.清除npm緩存
如果出現(xiàn)了安裝依賴不成功的情況，通常是因?yàn)閚pm還有緩存，此時(shí)，找到面項(xiàng)目的源文件位置，再地址欄輸入cmd，打開(kāi)終端，輸入命令
—————————————————————————
npm cache clean -force
如果清理了還是失敗，可能是npm版本問(wèn)題，可以試試降低版本
—————————————————————————
npm install npm@6.14.10 -g
這里是引用
4.重新下載npm
還是在源文件的cmd下，輸入命令npm install
5.運(yùn)行項(xiàng)目
cmd終端窗口輸入命令
—————————————————————————
npm run serve或npm run dev
（具體看package.json文件script中是哪一個(gè)）
npm裝完會(huì)出現(xiàn)以下地址，復(fù)制地址去瀏覽器運(yùn)行即可
運(yùn)行成功
總結(jié)
到此這篇關(guān)于vue項(xiàng)目運(yùn)行的文章就介紹到這了,更多相關(guān)vue項(xiàng)目運(yùn)行內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue3.x項(xiàng)目中,出現(xiàn)紅色波浪線問(wèn)題及解決
這篇文章主要介紹了vue3.x項(xiàng)目中,出現(xiàn)紅色波浪線問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vue跳轉(zhuǎn)頁(yè)簽傳參并查詢參數(shù)的保姆級(jí)教程
這篇文章主要介紹了vue跳轉(zhuǎn)頁(yè)簽傳參并查詢參數(shù)的保姆級(jí)教程,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04
這篇文章主要介紹了怎樣查看vue-cli的安裝位置問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
VUE+element開(kāi)發(fā)后臺(tái)管理的搜索功能
這篇文章主要為大家詳細(xì)介紹了VUE+element開(kāi)發(fā)后臺(tái)管理的搜索功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
vue3.0中ref與reactive的區(qū)別及使用場(chǎng)景分析
ref與reactive都是Vue3.0中新增的API,用于響應(yīng)式數(shù)據(jù)的處理,這篇文章主要介紹了vue3.0中ref與reactive的區(qū)別及使用,需要的朋友可以參考下2023-08-08
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)右鍵彈出菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了Vue-Router在Vue2和Vue3中的使用,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-06-06
vue3 Teleport瞬間移動(dòng)函數(shù)使用方法詳解
這篇文章主要為大家詳細(xì)介紹了vue3 Teleport瞬間移動(dòng)函數(shù)使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
解決vue2中使用axios http請(qǐng)求出現(xiàn)的問(wèn)題
下面小編就為大家分享一篇解決vue2中使用axios http請(qǐng)求出現(xiàn)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
MAC+PyCharm+Flask+Vue.js搭建系統(tǒng)
最近新做了個(gè)項(xiàng)目，使用的是MAC+PyCharm+Flask+Vue.js搭建系統(tǒng)，本文就來(lái)分享一下搭建步驟，感興趣的可以了解一下2021-05-05