如何在无网络的Windows虚拟机上离线安装@angular/cli

前置准备（需在联网Windows设备上完成） #

• 确认要安装的@angular/cli版本，提前核对对应兼容的Node.js版本，下载对应Node.js的Windows .msi安装包备用
• 在联网设备上安装匹配版本的Node.js和npm，执行node -v、npm -v确认安装正常
• 全局安装目标版本的@angular/cli，执行命令：npm install -g @angular/cli
  如果需要指定版本，可调整命令为npm install -g @angular/cli@<目标版本号>，例如npm install -g @angular/cli@16.2.0
• 打包@angular/cli的安装包，执行命令：npm pack @angular/cli，执行完成后当前目录会生成angular-cli-<版本号>.tgz格式的压缩包
• 导出npm全局缓存：先执行npm cache verify确认缓存完整性，找到本地npm缓存目录（默认路径为C:\Users\当前用户名\.npm），将整个.npm文件夹复制备用

离线Windows虚拟机安装步骤 #

• 先安装提前准备好的Node.js .msi安装包，安装完成后打开命令提示符执行node -v、npm -v确认安装成功
• 将从联网设备复制的.npm文件夹，覆盖虚拟机对应用户目录下的.npm文件夹（默认路径同为C:\Users\虚拟机当前用户名\.npm）
• 将angular-cli-<版本号>.tgz压缩包拷贝到虚拟机任意目录，打开命令提示符进入该目录，执行全局安装命令：npm install -g ./angular-cli-<版本号>.tgz
• 安装完成后执行ng version，若正常输出Angular CLI、Node.js等版本信息即为安装成功

常见问题排查 #

• 若执行ng命令提示“不是内部或外部命令”，检查npm全局安装路径（默认路径为C:\Users\当前用户名\AppData\Roaming\npm）是否已添加到系统环境变量PATH中
• 若安装时报依赖缺失错误，回到联网设备执行npm cache clean --force，重新全局安装一次目标版本@angular/cli后，重新导出.npm缓存文件夹再到虚拟机操作即可

内容的提问来源于stack exchange，提问作者atrillun