Windows 10环境执行ng new创建Angular项目选择样式表后卡住无响应

涉及环境版本 #

• 操作系统：Windows 10
• Angular CLI：12.2.5
• Node.js：14.17.6
• 包管理器：npm 7.23.0

触发场景 #

执行项目初始化命令：

ng new my-app

完成交互选择后程序卡住无响应，快捷键无法终止进程，仅能手动结束终端任务：

? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS

修复方案 #

1. 切换npm镜像源解决依赖拉取超时问题
   执行命令切换为国内可用镜像：

npm config set registry https://registry.npmmirror.com

修改完成后重新执行ng new my-app即可。
2. 跳过自动安装依赖步骤
执行创建命令时添加--skip-install参数，避免初始化阶段拉取依赖：

ng new my-app --skip-install

项目结构生成完成后，手动进入项目目录执行npm install安装依赖即可。
3. 清理npm缓存后重试
如果存在旧缓存冲突，执行清理命令后再创建项目：

npm cache clean --force

4. 以管理员身份运行终端
   权限受限会导致文件写入卡住，右键选择终端程序，点击以管理员身份运行后再执行创建命令。

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