Windows下NPM、Angular自定义全局路径失效的修复方案

问题根源 #

你的npm全局配置（prefix参数）仍指向默认路径C:\Users\XXXXXX\AppData\Roaming\npm，尽管你修改了系统PATH变量，但npm执行全局命令时会优先读取自身配置的prefix路径，而非仅依赖PATH，导致自定义路径下的包不被识别。

修复步骤 #

1. 检查当前npm全局配置
   执行以下命令确认当前配置：

   npm config get prefix
   npm config get cache
   

   若输出为默认的C:\Users\XXXXXX\AppData\Roaming\npm，说明配置未指向自定义路径。

2. 修改npm全局配置到自定义路径
   运行命令将npm的全局前缀和缓存目录设置为你的自定义路径（以Angular所在的D:\Angular为例）：

   npm config set prefix "D:\Angular"
   npm config set cache "D:\Angular\.npm-cache"
   

   注意：Windows路径可使用双反斜杠\\或正斜杠/避免转义问题，比如"D:/Angular"。

3. 验证配置生效
   再次执行npm config get prefix，确认输出为D:\Angular。随后运行npm ls -g @angular/cli，应能正常显示@angular/cli@15.1.4。

4. 调整PATH变量优先级
   打开系统环境变量设置，确保自定义路径：

   • D:\nodejs\
   • D:\TypeScript\node_modules\.bin\
   • D:\Angular\node_modules\.bin\
     位于C:\Users\XXXXXX\AppData\Roaming\npm路径之前，保证Windows优先加载自定义环境的命令。

5. 重启终端与程序
   修改环境变量和npm配置后，必须重启所有打开的终端（CMD/PowerShell）及IDE（如VS Code），确保新配置被读取。

补充说明 #

此前使用npm i --prefix D:\MyFolder -g仅为单次安装指定前缀，未全局修改npm配置，导致后续全局命令仍使用默认路径。设置全局prefix后，所有npm install -g命令都会自动将包安装到指定路径，无需每次添加--prefix参数。

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