vue項(xiàng)目運(yùn)行超詳細(xì)圖解
1.查看node、npm版本
- 打開(kāi)cmd
- 輸入npm -v（查看npm版本）
- 輸入node -v（查看node版本）
若出現(xiàn)類似下圖顯示，即為安裝成功
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)文章
這篇文章主要介紹了vue2.0 路由模式mode="history"的作用，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-10-10
一文詳解Vue中如何實(shí)現(xiàn)頁(yè)面骨架屏
為了提升頁(yè)面加載速度,我們可以使用頁(yè)面骨架屏技術(shù)來(lái)優(yōu)化用戶感知,下面就跟隨小編一起學(xué)習(xí)一下如何在vue中實(shí)現(xiàn)頁(yè)面骨架屏吧2024-03-03
Vue登錄后添加動(dòng)態(tài)路由并跳轉(zhuǎn)的實(shí)踐分享
這篇文章講給大家詳細(xì)介紹一下Vue如何實(shí)現(xiàn)登錄后添加動(dòng)態(tài)路由并跳轉(zhuǎn)，文章通過(guò)代碼示例介紹的非常詳細(xì)，對(duì)我們的學(xué)習(xí)或工作有一定的的幫助,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了vue mint-ui tabbar變組件使用方法及實(shí)例代碼，非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了淺談Vue.use的使用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
ElementUI 修改默認(rèn)樣式的幾種辦法(小結(jié))
這篇文章主要介紹了ElementUI 修改默認(rèn)樣式的幾種辦法(小結(jié))，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
下面小編就為大家分享一篇elementui的默認(rèn)樣式修改方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助，一起跟隨小編過(guò)來(lái)看看吧2018-02-02
Vue2中路由傳參數(shù):props(父?jìng)髯?,$emit與v-on(子傳父),EventBus(兄弟傳參),.sync與update:(父子雙向),v-model(父子雙向),ref?$children與$parent,$attrs與$listeners(爺孫雙向),provide與inject(多層傳參),Vuex,Vue.prototype,路由,瀏覽器緩存,window,$root,slot(父?jìng)髯?2024-08-08
vue實(shí)現(xiàn)右側(cè)滑出層動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)右側(cè)滑出層動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要介紹了vue 微信授權(quán)解決方案，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04