在Vagrant Ubuntu环境中安装Angular CLI后无法使用ng命令求助

我来帮你搞定这个问题！这种情况通常是npm全局安装的路径没加到系统PATH里，或者权限/安装路径出了问题，一步步来排查解决：

• 第一步：确认npm全局包的安装路径
  先执行这个命令，看看npm把全局包默认装在哪里：

  npm config get prefix
  

  正常会返回类似/home/你的用户名/.npm-global或者/usr/local的路径。接着检查这个路径下的bin目录里有没有ng：

  ls $(npm config get prefix)/bin
  

  如果能看到ng，说明安装没问题，核心问题是PATH没配置；如果看不到，那就是安装过程异常，需要重新配置npm全局路径再重装。

• 第二步：临时配置PATH测试可用性
  先把npm的bin目录临时加到PATH里，试试能不能调用ng：

  export PATH=$(npm config get prefix)/bin:$PATH
  

  然后执行ng version，如果能正常显示Angular CLI版本，说明PATH就是问题根源，接下来要做永久配置。

• 第三步：永久配置PATH环境变量
  编辑你的用户bash配置文件（比如~/.bashrc或者~/.profile），在文件末尾添加一行：

  export PATH=$(npm config get prefix)/bin:$PATH
  

  保存后执行下面的命令让配置立即生效：

  source ~/.bashrc
  

  之后新开终端或者重新登录，再试ng命令应该就能正常使用了。

• 如果以上步骤无效，大概率是权限问题导致安装异常
  很多人习惯用sudo npm install -g装全局包，这会导致权限冲突或者安装路径落到root目录下，普通用户无法访问。可以按下面的步骤重新配置npm全局目录：

  1. 创建用户专属的npm全局目录：

     mkdir -p ~/.npm-global
     

  2. 配置npm使用这个目录作为全局前缀：

     npm config set prefix '~/.npm-global'
     

  3. 重复第三步的PATH配置操作，确保这个目录的bin路径加到环境变量里，然后生效配置：

     source ~/.bashrc
     

  4. 卸载旧的Angular CLI，重新安装：

     npm uninstall -g @angular/cli
     npm install -g @angular/cli
     

  这样安装的ng会存放在你的用户目录下，既不会有权限问题，也能被系统PATH识别到。

• 额外注意：Vagrant的shell环境特殊性
  如果是在Vagrant的provision脚本里执行的安装，非交互式shell可能不会自动加载~/.bashrc，这时候可以把PATH配置加到~/.profile里，或者在脚本里直接用完整路径调用ng，比如$(npm config get prefix)/bin/ng。

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