vue教程入門(mén) vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪(fǎng)問(wèn)的原因分析?
vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪(fǎng)問(wèn)的原因分析?1. 要安裝node,Vue需要基于NPM的某個(gè)版本運(yùn)行,因此首先將NPM升級(jí)到最新版本。在安裝過(guò)程中,我比較喜歡淘寶的形象,所以我先安裝cnpm(
vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪(fǎng)問(wèn)的原因分析?
1. 要安裝node,Vue需要基于NPM的某個(gè)版本運(yùn)行,因此首先將NPM升級(jí)到最新版本。在安裝過(guò)程中,我比較喜歡淘寶的形象,所以我先安裝cnpm(因?yàn)樗俣群头€(wěn)定性都很好)。2在目標(biāo)文件夾中打開(kāi)終端。三。執(zhí)行cnpm install vue cli-G Global installation run vue檢查安裝是否成功。4運(yùn)行Vue init webpack(注意:模板名稱(chēng))sell2(注意:項(xiàng)目名稱(chēng))。5輸入項(xiàng)目文件夾并執(zhí)行cnpm install來(lái)安裝包.json安裝完成后,節(jié)點(diǎn)模塊文件將自動(dòng)生成到項(xiàng)目文件夾中,以存儲(chǔ)已安裝的依賴(lài)關(guān)系文件。6因?yàn)橐蕾?lài)關(guān)系太多,編輯器在檢索模塊文件時(shí)會(huì)消耗大量?jī)?nèi)存,所以當(dāng)我們用webstorm編輯器啟動(dòng)項(xiàng)目時(shí),經(jīng)常右擊節(jié)點(diǎn)模塊文件夾停止檢查注意:webstorm一打開(kāi)就卡住了,沒(méi)有辦法操作文件夾。解決此問(wèn)題的方法是先以文件夾的形式打開(kāi)并刪除node modules文件夾,然后阻止檢索,然后重新啟動(dòng)cnpm install*(此方法需要在安裝依賴(lài)項(xiàng)后運(yùn)行一次,然后刪除nodemodules子文件。Webstorm打開(kāi)項(xiàng)目并禁止搜索節(jié)點(diǎn)7。運(yùn)行項(xiàng)目并執(zhí)行NPM Run dev(注意:此時(shí)不能使用cnpm,它必須是NPM)。8將所需資源投入到項(xiàng)目中。9我們需要使用路由功能,所以我們需要安裝Vue路由器。安裝方法:vnpm install vuve router--Save10。內(nèi)建/開(kāi)發(fā)-服務(wù)器.js這樣,您就可以在運(yùn)行項(xiàng)目時(shí)獲得所需的JSON數(shù)據(jù)。這樣,您就可以成功地配置路由并獲得所需的數(shù)據(jù)。11在編寫(xiě)代碼之前,現(xiàn)在在HTML文件下引入初始化樣式(保持樣式統(tǒng)一和美觀(guān))。12調(diào)用組件的方式-
一般都在什么系統(tǒng)上運(yùn)行vue項(xiàng)目?
Vue是前端,Vue的框架沒(méi)有脫離系統(tǒng),在瀏覽器渲染之前已經(jīng)獲得Vue的JS腳本。開(kāi)發(fā)Vue不需要將前端和后端分開(kāi),因此Vue對(duì)系統(tǒng)沒(méi)有任何要求。如果前端和后端沒(méi)有分開(kāi),那么前端的Vue代碼,即頁(yè)面的JS,將與后端框架一起使用。現(xiàn)有的服務(wù)器通常傾向于使用Linux,這些類(lèi)似UNIX的系統(tǒng)值得注意的是Vue是瀏覽器渲染的底層,還是JavaScript本身與服務(wù)器分離?前端和后端沒(méi)有分開(kāi)。通常使用后端框架模板,例如Django jinjia2或Django自己的模板