Angular项目刷新浏览器后修改内容不显示问题求助

问题 #

刚接触Angular，通过ng new my-app创建了首个应用，但修改HTML文件后，必须在Visual Studio Code的「运行」选项中重新运行项目才能看到更改。参考相关教程时，教程开发者并未遇到此问题。

尝试过的无效操作 #

• 浏览器开发者工具→网络→禁用缓存
• 执行命令：ng serve --watch --live-reload、ng serve --live-reload

解决办法 #

问题根源是Visual Studio Code默认未开启自动保存功能：

1. 手动按下ctrl + s保存修改的HTML文件后，页面即可自动刷新，无需重启项目
2. 可修改VS Code默认设置，设置为切换窗口时自动保存：
   • 按下ctrl + ,打开设置面板
   • 在搜索框输入「自动保存」
   • 将「Files: Auto Save」选项设置为「onWindowChange」（切换窗口时自动保存），也可根据需求选择其他触发模式

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