本文最后更新于 521 天前,其中的信息可能已经有所发展或是发生改变。
前提:
- 需要2台win电脑(或者使用虚拟机)
- 一台有网,用于下载node/依赖等需要联网的操作
- 一台没网(关闭网络),用于模拟内网电脑/云电脑等真实无网环境的操作
一. 有网电脑环境下
1. 安装nodejs包
官网地址:https://nodejs.org/zh-cn/download
所有版本下载目录:https://nodejs.org/dist
下载对应版本安装直接双击安装软件包即可,两台电脑最好版本统一(后期有问题好排查)
2. 安装vue全局环境依赖包
npm install -g @vue/cli
npm install -g webpack
npm install -g webpack-cli
npm install -g yarn
3. 复制npm-cache缓存目录
npm-cache 目录是当前电脑npm安装过的全局依赖包,比如上面的(yarn/wbpack/webpack-cli/@vue/cli)
- 查看缓存目录: npm config get cache
- C:\Users\王永杰\AppData\Roaming\npm-cache
- 拷贝npm缓存 npm-cache 文件打包,复制到U盘
二. 内网(云电脑/虚拟机)电脑环境
1. 内网电脑安装nodeJS
直接U盘或其他复制到内网电脑,然后双击运行nodejs安装包即可;
2. 内网全局安装目录
命令行使用 npm root -g 查看当前npm全局安装目录;然后把U盘内 npm-cache 缓存目录复制到npm目录里面(如果缓存目录npm-cache复制到与npm目录同级会出现的问题,下面再进行说明)
3. 内网命令安装离线依赖包
npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false @vue/cli
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 yarn
指之前外网安装过@vue/cli插件,在npm-cache里面,内网离线安装@vue/cli操作,如果之前没安装@vue/cli插件,运行上面行代码会报错,没这个插件
npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false
指安装npm离线包的所有包,在外网安装的所有包(npm-cache)
3. vue项目拷贝到内网
把vue初始化,包括node_modules依赖包一起拷贝到内网
【注意:mac苹果电脑与windows依赖包node_modules不能共用,会报错。需要在windows下npm install初始化的依赖包,在windows下运行使用】
yarn的方式也可以与其类似,只是路径不同