vue項目運行超詳細圖解
更新時間：2023年09月11日 09:36:26 作者：橙西橙西
這篇文章主要給大家介紹了關于vue項目運行的相關資料,文中通過圖文介紹的非常詳細,對大家學習或者使用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)以下地址，復制地址去瀏覽器運行即可
運行成功
總結
到此這篇關于vue項目運行的文章就介紹到這了,更多相關vue項目運行內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了vue3.x項目中,出現(xiàn)紅色波浪線問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue跳轉頁簽傳參并查詢參數(shù)的保姆級教程,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
這篇文章主要介紹了怎樣查看vue-cli的安裝位置問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要為大家詳細介紹了VUE+element開發(fā)后臺管理的搜索功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
vue3.0中ref與reactive的區(qū)別及使用場景分析
ref與reactive都是Vue3.0中新增的API,用于響應式數(shù)據的處理,這篇文章主要介紹了vue3.0中ref與reactive的區(qū)別及使用,需要的朋友可以參考下2023-08-08
這篇文章主要為大家詳細介紹了vue實現(xiàn)右鍵彈出菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了Vue-Router在Vue2和Vue3中的使用,本文通過示例代碼給大家介紹的非常詳細，需要的朋友可以參考下2023-06-06
vue3 Teleport瞬間移動函數(shù)使用方法詳解
這篇文章主要為大家詳細介紹了vue3 Teleport瞬間移動函數(shù)使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
解決vue2中使用axios http請求出現(xiàn)的問題
下面小編就為大家分享一篇解決vue2中使用axios http請求出現(xiàn)的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
MAC+PyCharm+Flask+Vue.js搭建系統(tǒng)
最近新做了個項目，使用的是MAC+PyCharm+Flask+Vue.js搭建系統(tǒng)，本文就來分享一下搭建步驟，感興趣的可以了解一下2021-05-05