如何運行別人的vue項目

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

本教學操作環境：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中文網其他相關文章！