vue-cli啟動本地服務(wù)局域網(wǎng)不能訪問的原因分析？1. 要安裝node，Vue需要基于NPM的某個版本運(yùn)行，因此首先將NPM升級到最新版本。在安裝過程中，我比較喜歡淘寶的形象，所以我先安裝cnpm（

vue-cli啟動本地服務(wù)局域網(wǎng)不能訪問的原因分析？

1. 要安裝node，Vue需要基于NPM的某個版本運(yùn)行，因此首先將NPM升級到最新版本。在安裝過程中，我比較喜歡淘寶的形象，所以我先安裝cnpm（因?yàn)樗俣群头€(wěn)定性都很好）。2在目標(biāo)文件夾中打開終端。三。執(zhí)行cnpm install vue cli-G Global installation run vue檢查安裝是否成功。4運(yùn)行Vue init webpack（注意：模板名稱）sell2（注意：項(xiàng)目名稱）。5輸入項(xiàng)目文件夾并執(zhí)行cnpm install來安裝包.json安裝完成后，節(jié)點(diǎn)模塊文件將自動生成到項(xiàng)目文件夾中，以存儲已安裝的依賴關(guān)系文件。6因?yàn)橐蕾囮P(guān)系太多，編輯器在檢索模塊文件時會消耗大量內(nèi)存，所以當(dāng)我們用webstorm編輯器啟動項(xiàng)目時，經(jīng)常右擊節(jié)點(diǎn)模塊文件夾停止檢查注意：webstorm一打開就卡住了，沒有辦法操作文件夾。解決此問題的方法是先以文件夾的形式打開并刪除node modules文件夾，然后阻止檢索，然后重新啟動cnpm install*（此方法需要在安裝依賴項(xiàng)后運(yùn)行一次，然后刪除nodemodules子文件。Webstorm打開項(xiàng)目并禁止搜索節(jié)點(diǎn)7。運(yùn)行項(xiàng)目并執(zhí)行NPM Run dev（注意：此時不能使用cnpm，它必須是NPM）。8將所需資源投入到項(xiàng)目中。9我們需要使用路由功能，所以我們需要安裝Vue路由器。安裝方法：vnpm install vuve router--Save10。內(nèi)建/開發(fā)-服務(wù)器.js這樣，您就可以在運(yùn)行項(xiàng)目時獲得所需的JSON數(shù)據(jù)。這樣，您就可以成功地配置路由并獲得所需的數(shù)據(jù)。11在編寫代碼之前，在HTML文件下引入初始化樣式（保持樣式統(tǒng)一美觀）。12調(diào)用組件-