Angular CLI底层运行逻辑及ng命令无法识别问题咨询

ng命令识别问题原理&解决方案 #

1. npm目录中执行ng的对应文件 #

全局安装@angular/cli后，npm会在全局根目录C:/Users/[userName]/AppData/Roaming/npm下生成三个ng命令的入口文件：

• 无后缀的ng文件：适配Shell类环境的执行脚本
• ng.cmd：Windows cmd默认调用的批处理文件
• ng.ps1：PowerShell专用执行脚本
  上述入口文件最终会调用npm/node_modules/@angular/cli/bin/ng.js这个Angular CLI的核心执行文件完成命令处理。

2. 直接输入ng失效、全路径可执行的原因 #

这个是操作系统终端的默认查找规则导致的：
你在终端输入任意短命令时，系统只会遍历环境变量PATH中登记的所有目录，匹配对应名称的可执行文件。如果所有PATH目录下都找不到匹配文件，就会抛出你遇到的报错：

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

你当前的环境就是C:/Users/[userName]/AppData/Roaming/npm这个npm全局目录没有被添加到PATH变量中，所以系统找不到ng的入口文件。而输入全路径时你直接指定了文件的准确位置，不需要系统遍历PATH查找，因此可以正常运行。

3. 可自行解决这类问题的必备技能 #

• 终端命令的基础运行逻辑，了解系统查找可执行文件的规则
• 操作系统环境变量（尤其是PATH变量）的作用、查看和修改方法
• npm全局包、本地包的安装逻辑，以及npm全局bin目录的作用

快速修复方案 #

将npm全局目录添加到PATH变量即可永久解决该问题：

1. 右键「此电脑」→「属性」→「高级系统设置」→「环境变量」
2. 在用户变量列表中找到PATH，点击编辑
3. 新建一条记录，填入C:/Users/[你的实际用户名]/AppData/Roaming/npm，依次保存所有设置
4. 重启所有已打开的终端窗口，再次执行ng --version即可正常识别

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