這篇文章將為大家詳細(xì)講解有關(guān)如何離線安裝vue環(huán)境，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)洪江,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18982081108

離線安裝vue環(huán)境的方法：1、cmd運(yùn)行命令“npm config get cache”；2、內(nèi)網(wǎng)電腦安裝nodejs；3、內(nèi)網(wǎng)全局安裝目錄；4、內(nèi)網(wǎng)命令安裝離線依賴包；5、把vue項(xiàng)目復(fù)制到內(nèi)網(wǎng)；6、查看全局命令是否正常即可。

本文操作環(huán)境：windows7系統(tǒng)、vue/cli 3.12.1版，DELL G3電腦。

怎么離線安裝vue環(huán)境？

離線搭建vue環(huán)境運(yùn)行項(xiàng)目步驟

1、復(fù)制本地（外網(wǎng)電腦npm-cache緩存目錄）

cmd運(yùn)行命令 npm config get cache

2、內(nèi)網(wǎng)電腦安裝nodejs

U盤或者光盤復(fù)制到內(nèi)網(wǎng)電腦 安裝即可

3、內(nèi)網(wǎng)全局安裝目錄

命令行運(yùn)行 npm root -g 查看全局安裝目錄；然后把npm-cache緩存目錄復(fù)制到npm目錄里面（如果放到同級(jí)會(huì)報(bào)錯(cuò)）

4、內(nèi)網(wǎng)命令安裝離線依賴包

npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false yarn
npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false webpack
npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false webpack-cli
npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false @vue/cli@3

5、把vue項(xiàng)目復(fù)制到內(nèi)網(wǎng) 包括node_modules文件夾 （注意 mac和windows依賴包不能共用）

6、查看全局命令是否正常 npm list -global --debth 0

正常

異常

解決辦法：

npm root -g命令找到npm文件夾

刪除與npm目錄同級(jí)的node_modules文件夾

把npm-cache文件夾放到npm目錄里面

運(yùn)行項(xiàng)目  yarn run serve

關(guān)于“如何離線安裝vue環(huán)境”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。