使用ng new命令时VS Code无法创建Angular新项目的问题求助

数据老陈

2026-5-21

解决Windows下执行ng new时弹出打开方式窗口的问题

这种情况我之前帮好几个开发者解决过——本质上是Windows系统没识别到ng是一个可执行命令，反而把它当成了需要选择打开方式的普通文件。咱们一步步来排查修复：

先确认Angular CLI是否正确全局安装
打开命令提示符（CMD）或者VS Code的终端，执行：
```
npm list -g @angular/cli
```
如果输出里找不到@angular/cli，说明全局安装失败，重新执行安装命令：
```
npm install -g @angular/cli
```
检查npm全局bin路径是否在系统PATH中
Windows下，npm全局模块的可执行文件（比如ng.cmd）默认存在这个路径：C:\Users\<你的用户名>\AppData\Roaming\npm
1. 打开CMD，输入echo %PATH%，查看输出里有没有上述路径；
2. 如果没有，右键「此电脑」→「属性」→「高级系统设置」→「环境变量」；
3. 在「系统变量」里找到PATH，点击「编辑」，添加上述路径；
4. 重启所有终端（包括VS Code的终端），让环境变量生效。
直接调用ng.cmd测试
如果PATH没问题但还是报错，试试直接用完整路径调用命令：
```
C:\Users\<你的用户名>\AppData\Roaming\npm\ng.cmd new Colorizer
```
把<你的用户名>换成你实际的Windows用户名，比如C:\Users\John\AppData\Roaming\npm\ng.cmd new Colorizer
用npx临时运行Angular CLI
要是全局安装的方式始终有问题，可以跳过全局安装，直接用npx执行：
```
npx @angular/cli new Colorizer
```
这个命令会自动从npm仓库拉取最新版Angular CLI并执行，不用依赖全局环境。
清理npm缓存后重新安装
如果以上步骤都无效，可能是npm缓存损坏，先清理缓存：
```
npm cache clean --force
```
然后重新全局安装Angular CLI。