怎樣運(yùn)行別人的vue項(xiàng)目

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)怎樣運(yùn)行別人的vue項(xiàng)目，文章內(nèi)容豐富且以專(zhuān)業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

運(yùn)行方法：1、刪除“node_modules”文件夾和“package-lock.json”；2、打開(kāi)cmd窗口，利用cd命令進(jìn)入項(xiàng)目目錄；3、清除npm緩存；4、重新安裝依賴(lài)；5、打包項(xiàng)目；6、執(zhí)行“npm run dev”命名運(yùn)行項(xiàng)目。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

運(yùn)行別人vue項(xiàng)目的方法：

在工作中，我們常要接手別人的vue項(xiàng)目，那我們從svn、git上拿到別人的vue項(xiàng)目后，要如何跑起來(lái)呢？

1、將項(xiàng)目里的“node_modules”文件夾刪除，這是vue項(xiàng)目的依賴(lài)包。不過(guò)由于“node_modules”文件夾太大，一般不會(huì)打包上傳到svn、git上的，所以沒(méi)有這個(gè)文件夾就不用刪。

2、刪除package-lock.json。package-lock.json記錄了整個(gè)node_moudles文件夾的樹(shù)狀結(jié)構(gòu)，還記錄了模塊的下載地址，但是它是基于項(xiàng)目作者的npm版本庫(kù)生成的，若不刪掉這個(gè)依賴(lài)文件，容易出現(xiàn)npm版本差異導(dǎo)致的報(bào)錯(cuò)。

3、然后打開(kāi)cmd，cd到項(xiàng)目目錄，具體操作：先輸入該盤(pán)符，然后再用cd命令切換目錄，不懂的自行度娘。

4、運(yùn)行npm clean cache -f，清除npm緩存，npm有緩存時(shí)，常常出現(xiàn)安裝依賴(lài)不成功的現(xiàn)象，且一旦出現(xiàn)這個(gè)問(wèn)題，報(bào)錯(cuò)信息很完善，但根據(jù)報(bào)錯(cuò)信息一項(xiàng)一項(xiàng)去解決，卻死活解決不了，還找不出原因。

5、運(yùn)行npm install，重新安裝依賴(lài)。

注：建議不要用 cnpm 安裝 會(huì)有各種詭異的bug 可以通過(guò)如下操作解決 npm 下載速度慢的問(wèn)題

npm install --registry=https://registry.npm.taobao.org

=======6、7步可能應(yīng)為版本問(wèn)題直接變?yōu)楹隗w，注意路徑中有&會(huì)錯(cuò)誤

6、運(yùn)行npm run build 打包。

7、最后運(yùn)行npm run dev后項(xiàng)目成功運(yùn)行。

運(yùn)行命令npm run dev 出現(xiàn) npm ERR! missing script: dev 的錯(cuò)誤

這是因?yàn)関ue 版本問(wèn)題，使用 npm run serve 來(lái)運(yùn)行項(xiàng)目

上述就是小編為大家分享的怎樣運(yùn)行別人的vue項(xiàng)目了，如果剛好有類(lèi)似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。