使用WebStorm创建Angular Cli项目报错：目录格式不符合要求

你遇到的报错根源在于Angular CLI 1.7.3这个旧版本不支持用.作为--dir参数的取值，它对目录路径的格式有严格限制，不识别当前目录的简写符号。下面给你几个可行的解决方案：

方案1：直接省略--dir参数（推荐） #

如果你的目标是在当前空目录下创建项目，完全不需要额外指定--dir，直接运行命令即可：

ng new angularcli

⚠️ 注意：如果当前目录非空，旧版本CLI可能会直接报错，建议先确保目录为空再执行。

方案2：使用完整的当前路径代替. #

如果必须指定目录参数（比如当前目录非空但你想强制创建），可以用系统的当前路径变量或者手动输入绝对路径：

• Windows系统可以用当前目录变量：

  ng new angularcli --dir="%CD%"
  

• 或者直接写当前目录的完整绝对路径，例如：

  ng new angularcli --dir="C:\Users\I\Desktop\YourProjectFolder"
  

方案3：升级Angular CLI到最新版本（长远解决） #

1.7.3是非常老旧的CLI版本了，存在很多已知问题，升级到最新稳定版本不仅能解决这个路径识别问题，还能获得更多功能和bug修复：

# 先卸载全局旧版本CLI
npm uninstall -g @angular/cli
# 清理npm缓存
npm cache clean --force
# 安装最新版本CLI
npm install -g @angular/cli@latest

升级完成后，再运行ng new angularcli --dir=.就可以正常识别当前目录了。

内容的提问来源于stack exchange，提问作者Mir-Ismaili