运行Angular命令ng serve时终端提示ng命令不被识别该如何解决

该报错本质是系统终端无法识别Angular CLI的执行路径，可按以下步骤逐一排查解决：

1. 确认是否全局安装了Angular CLI #

大部分该问题都是因为没有全局安装Angular CLI导致，直接运行以下命令安装即可：

• 官方源安装：npm install -g @angular/cli
• 国内用户可使用国内源加快安装速度：npm install -g @angular/cli --registry=https://registry.npmmirror.com

2. 验证安装结果 #

安装完成后运行ng version，如果能正常输出Angular CLI的版本信息，说明安装成功，可直接运行ng serve启动项目。

3. 安装后仍报错的处理方案 #

如果安装后还是提示找不到ng命令，是因为npm全局包的存储路径没有被加入系统环境变量，按以下步骤配置即可：

• 首先获取npm全局安装路径，运行命令：npm config get prefix，复制返回的完整路径
• Windows系统：右键「此电脑」→「属性」→「高级系统设置」→「环境变量」→找到系统变量中的Path→点击「编辑」→「新建」，将刚才复制的路径粘贴进去后依次保存所有设置
• macOS/Linux系统：打开用户目录下的~/.bash_profile（或~/.zshrc，根据你使用的终端类型选择），新增一行export PATH="刚才复制的路径:$PATH"，保存后运行source ~/.bash_profile（或source ~/.zshrc）使配置生效
• 配置完成后重启终端，再次运行ng version验证即可

4. 临时运行方案 #

如果不想全局安装Angular CLI，也可以直接在Angular项目目录下运行npx ng serve，npx会自动调用项目本地依赖中的ng命令执行。

小提示：如果是在已有Angular项目目录下运行命令报错，也可以先执行npm install安装所有项目依赖后再尝试运行ng命令。

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