如何運(yùn)行vue項(xiàng)目

npm 安裝教程

npm: Nodejs下的包管理器。

安裝Node.js(地址:https://nodejs.org/en/):

圖1

如何運(yùn)行vue項(xiàng)目(詳細(xì)步驟)

1、首先,將項(xiàng)目里的“node_modules”文件夾刪除,這是vue項(xiàng)目的依賴(lài)包。

因?yàn)椤皀ode_modules”文件夾太大,一般不會(huì)打包上傳到svn、git上的,所以沒(méi)有這個(gè)文件夾就不用刪。

圖2

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

3、然后打開(kāi)cmd,cd到項(xiàng)目目錄。

具體操作:先輸入該盤(pán)符,然后再用cd命令切換目錄。

4、輸入命令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、輸入命令npm install,重新安裝依賴(lài)。

6、輸入命令npm run build 打包。

7、最后輸入命令npm run dev/npm run serve(或者npm rum xxx)后項(xiàng)目成功運(yùn)行。

這里注意有可能不同,npm run dev是vue-cli2.0版本使用的,npm run serve 是vue-cli3.0版本使用的,npm run xxx 中的 xxx 可以理解為鍵值對(duì)的 key,實(shí)際上 run 的是在 package.json 里面 scripts 配置的 value。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容