Angular: ‘ng’ is not recognized as an internal or external command, operable program or batch file

今天，安装好 Angular CLI 框架后出现无法识别 ng 命令的情况。在网上搜了一些解决方案进行尝试后解决了这个问题。这里我将解决方案进行了整理，希望对看到这篇文章的小伙伴有所帮助。

问题描述

安装 Angular CLI 后无法识别 ng 命令，提示信息如下：

‘ng’ is not recognized as an internal or external command, operable program or batch file.

解决方案

查阅一些资料后，我发现此错误是由于本地计算机中 Angular CLI 的不正确安装或配置引起的。

以下解决此问题的方法：

• 首先，我们在命令行提示符（请确保安装 Node.js ）上输入如下命令：

ng version

如果有效，则说明没有问题， Angular CLI 安装成功。

如果问题仍然存在，则执行以下步骤：

• 卸载现有的 Angular CLI 版本并清除缓存

npm uninstall -g @angular/cli

npm cache verify

npm cache clean --force

• 重新全局安装 Angular CLI

为了保险起见，最好以管理员模式运行命令行提示符。对于少数人来说，此命令也可以在常规命令行提示符中使用。

npm install -g @angular/cli

• 将以下路径添加到环境变量 ’Path‘ 路径中

首先，添加如下路径到环境变量：

C:\Users\{userName}\AppData\Roaming\npm

如图：

然后，重新在新的 cmd 窗口中运行 ng version 命令。

在运行此命令之前，请确保关闭所有命令提示符或 Node.js 命令提示符。对环境变量进行任何更改后，为确保变量已经生效，这都是必需的。

如果问题仍然存在，以类似的方式在环境变量中设置以下路径：

C:\Program Files\nodejs\node_modules\npm\bin

然后，再一次在新的 cmd 窗口中运行 ng version。

再次运行此命令之前，请确保关闭所有命令提示符或 Node.js 命令提示符。

如果问题仍然存在，请在环境变量中设置以下路径

C:\Users\{userName}\AppData\Roaming\npm\node_modules\@angular\cli\bin

关闭所有命令提示符，然后再一次在新的 cmd 窗口中运行 ng version。

如果问题仍然存在，请重复执行以上步骤，多次尝试。

如果问题已经解决，将看到 ng 命令在计算机中的所有 CLI 界面上运行。

• 命令提示符
  
• VSCode PowerShell