首頁 > web前端 > 前端問答 > 如何運行別人的vue項目

如何運行別人的vue項目

青灯夜游
發布: 2023-01-11 09:20:02
原創
21415 人瀏覽過

運行方法:1、刪除「node_modules」資料夾和「package-lock.json」;2、開啟cmd窗口,利用cd指令進入專案目錄;3、清除npm快取;4、重新安裝依賴;5、打包項目;6、執行「npm run dev」命名運行項目。

如何運行別人的vue項目

本教學操作環境:windows7系統、vue2.9.6版,DELL G3電腦。

運行別人vue項目的方法:

#在工作中,我們常常要接手別人的vue項目,那我們從svn、git上拿到別人的vue專案後,要如何跑起來呢?

1、將專案裡的「node_modules」資料夾刪除,這是vue專案的依賴套件。不過由於「node_modules」資料夾太大,一般不會打包上傳到svn、git上的,所以沒有這個資料夾就不用刪。

2、刪除package-lock.json。 package-lock.json記錄了整個node_moudles資料夾的樹狀結構,也記錄了模組的下載位址,但是它是基於專案作者的npm版本庫產生的,若不刪掉這個依賴文件,容易出現npm版本差異導致的報錯。

3、然後開啟cmd,cd到專案目錄,具體操作:先輸入該盤符,然後再用cd指令切換目錄,不懂的自行度娘。

4、運行npm clean cache -f,清除npm緩存,npm有緩存時,常常出現安裝依賴不成功的現象,而且一旦出現這個問題,報錯資訊很完善,但根據報錯訊息一項一項去解決,卻死活解決不了,還找不出原因。

5、執行npm install,重新安裝依賴。

附註:建議不要用cnpm 安裝會有各種詭異的bug 可以透過以下操作解決npm 下載速度慢的問題

npm install --registry=https://registry.npm.taobao.org
登入後複製

=======6、 7步驟可能應為版本問題直接變為黑體,注意路徑中有&會錯誤

6、運行npm run build 打包。

7、最後運行npm run dev後專案成功運行。

執行指令npm run dev 出現npm ERR! missing script: dev 的錯誤

這是因為vue 版本問題,使用npm run serve 來執行項目

相關推薦:《vue.js教學

以上是如何運行別人的vue項目的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
vue
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板