Visual Studio Code修改CSS导致Angular Ng Serve监听模式崩溃，求解决方案

1. 调整VS Code保存触发逻辑 #

• 打开VS Code设置（快捷键Ctrl+,/Cmd+,），搜索files.autoSaveDelay
• 将默认的1000ms（1秒）调整为3000ms及以上，延长自动保存等待时间，避免未输入完成的CSS规则被提前保存触发编译
• 也可以直接关闭自动保存功能，改为手动按Ctrl+S/Cmd+S触发保存，确保提交编译的CSS语法完整

2. 升级Angular CLI版本 #

• 该问题多出现在14及以下的旧版Angular CLI中，属于官方已修复的CSS热重载已知BUG
• 全局升级CLI命令：npm install -g @angular/cli@latest
• 项目依赖升级命令：ng update @angular/core @angular/cli
• 升级前请备份项目代码，避免跨版本依赖兼容问题

3. 配置进程自动重启兜底 #

• 可安装nodemon工具监控ng serve进程，服务崩溃后自动重启，无需手动终止重启
• 全局安装nodemon命令：npm install -g nodemon
• 替换原有启动命令为：nodemon --watch src --ext ts,html,css --exec "ng serve"

4. 临时规避方案 #

• 暂不调整配置时，编写CSS可先在注释块内写完完整规则，再删除注释符号触发保存编译，也可避免不完整语法导致的编译崩溃

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