Windows下Angular项目中ng serve无法运行，提示'ng'未被识别

Hey there! Let's work through this 'ng' not recognized error together—it's super common for Angular newbies, so don't stress 😊

这个错误本质是Windows系统找不到ng命令的存放路径，我们一步步排查修复：

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

打开**命令提示符（CMD）**或者PowerShell，直接输入这条命令，检查全局是否装了Angular CLI：

npm list -g @angular/cli

• 如果提示找不到@angular/cli，说明没装全局版本，执行下面的命令安装（权限不够的话，右键CMD选「以管理员身份运行」再执行）：

  npm install -g @angular/cli
  

2. 把npm全局包路径加入系统环境变量 #

这是最常见的问题！ng命令存放在npm的全局包目录里，Windows需要这个路径在系统PATH里才能识别命令：

• 先找到你的npm全局包路径：就是你项目路径里的C:\Users\你的用户名\AppData\Roaming\npm（把「你的用户名」换成你自己的Windows用户名）
• 操作步骤：
  1. 右键「此电脑」→ 选「属性」→ 点击「高级系统设置」
  2. 在弹出的窗口里点「环境变量」
  3. 在「系统变量」列表里找到Path，双击打开
  4. 点击「新建」，把刚才找到的C:\Users\你的用户名\AppData\Roaming\npm路径粘贴进去
  5. 一路点击「确定」保存所有设置

3. 重启命令行工具 #

环境变量修改后，必须重启你的CMD或PowerShell，新的配置才会生效！重启后输入ng version试试，如果能显示Angular CLI的版本信息，就说明问题解决了。

4. 全局安装不行？试试给项目装局部Angular CLI #

如果上面的步骤都没效果，我们可以给当前项目单独装一个局部版本：

1. 打开命令行，切换到你的项目目录：

   cd C:\Users...\AppData\Roaming\npm\angular-hello-world
   

2. 安装局部Angular CLI：

   npm install @angular/cli --save-dev
   

3. 用npx执行ng命令（npx会自动调用项目里的局部命令）：

   npx ng serve
   

小提醒 #

以后创建Angular项目，直接用ng new 项目名命令就好，它会自动帮你配置好项目环境，不用自己手动找路径啦～

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