vue項目運行超詳細圖解
更新時間：2023年09月11日 09:36:26 作者：橙西橙西
這篇文章主要給大家介紹了關(guān)于vue項目運行的相關(guān)資料,文中通過圖文介紹的非常詳細,對大家學(xué)習(xí)或者使用vue具有一定的參考借鑒價值,需要的朋友可以參考下
1.查看node、npm版本
- 打開cmd
- 輸入npm -v（查看npm版本）
- 輸入node -v（查看node版本）
若出現(xiàn)類似下圖顯示，即為安裝成功
2.刪除刪除package-lock.json和node_modules 文件
此步驟適用于運行別人的vue項目，找到項目目錄，如果有node_modules文件夾和package-lock.json，就刪掉（記錄了模塊的下載地址，且是基于項目作者的npm版本庫生成）
3.清除npm緩存
如果出現(xiàn)了安裝依賴不成功的情況，通常是因為npm還有緩存，此時，找到面項目的源文件位置，再地址欄輸入cmd，打開終端，輸入命令
—————————————————————————
npm cache clean -force
如果清理了還是失敗，可能是npm版本問題，可以試試降低版本
—————————————————————————
npm install npm@6.14.10 -g
這里是引用
4.重新下載npm
還是在源文件的cmd下，輸入命令npm install
5.運行項目
cmd終端窗口輸入命令
—————————————————————————
npm run serve或npm run dev
（具體看package.json文件script中是哪一個）
npm裝完會出現(xiàn)以下地址，復(fù)制地址去瀏覽器運行即可
運行成功
總結(jié)
到此這篇關(guān)于vue項目運行的文章就介紹到這了,更多相關(guān)vue項目運行內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue2.0 路由模式mode="history"的作用，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-10-10
為了提升頁面加載速度,我們可以使用頁面骨架屏技術(shù)來優(yōu)化用戶感知,下面就跟隨小編一起學(xué)習(xí)一下如何在vue中實現(xiàn)頁面骨架屏吧2024-03-03
Vue登錄后添加動態(tài)路由并跳轉(zhuǎn)的實踐分享
這篇文章講給大家詳細介紹一下Vue如何實現(xiàn)登錄后添加動態(tài)路由并跳轉(zhuǎn)，文章通過代碼示例介紹的非常詳細，對我們的學(xué)習(xí)或工作有一定的的幫助,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了vue mint-ui tabbar變組件使用方法及實例代碼，非常不錯具有參考借鑒價值,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了淺談Vue.use的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
ElementUI 修改默認(rèn)樣式的幾種辦法(小結(jié))
這篇文章主要介紹了ElementUI 修改默認(rèn)樣式的幾種辦法(小結(jié))，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
下面小編就為大家分享一篇elementui的默認(rèn)樣式修改方法，具有很好的參考價值，希望對大家有所幫助，一起跟隨小編過來看看吧2018-02-02
Vue2中路由傳參數(shù):props(父傳子),$emit與v-on(子傳父),EventBus(兄弟傳參),.sync與update:(父子雙向),v-model(父子雙向),ref?$children與$parent,$attrs與$listeners(爺孫雙向),provide與inject(多層傳參),Vuex,Vue.prototype,路由,瀏覽器緩存,window,$root,slot(父傳子)2024-08-08
這篇文章主要為大家詳細介紹了vue實現(xiàn)右側(cè)滑出層動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要介紹了vue 微信授權(quán)解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04