IntelliJ IDEA + Angular ng-serve 在每次更改时重新编译

IntelliJ IDEA + Angular ng-serve recompile on every change

我正在使用 IntelliJ IDEA 开发 Angular 应用程序。我在终端 运行 ng 服务器 window。 angular 每当我更改任何代码时,cli 都会自动重新编译,并导致浏览器不断重新加载。我希望 angular cli 仅在单击 "build project" 图标或按 Ctrl+S 时重新编译。 我花了几个小时查看 IntelliJ 和 angular cli,但找不到任何关于如何实现它的信息。 知道怎么做的请帮忙

除非保存文件,否则 cli 不会编译。除非你的 IDE 自动保存,否则在按 Ctrl+S 之前不会重新加载。

但是,您仍然可以使用 --liveReload=false 选项在更改时不重新加载浏览器,或者 --poll 增加更改检测之间的时间跨度。

选项参考official documentation

保存时实时重新加载是 Angular CLI 功能,可以通过将 --liveReload=false 传递给 ng serve 来禁用。但它只会在显式 Save 时重建并重新加载页面,而不是在每次文件更改时。要使其仅在命中 Ctrl+S 时起作用,您需要在 IDEA 中禁用自动保存。 IDEA 通常不会在每次按键时自动保存文件。如果它仅在调试您的应用程序时发生,请检查 设置中的实时编辑(在调试会话期间处于活动状态)是否为 enabled |构建、执行、部署 |调试器 | Live Edit - 它自动保存文件以提供实时重新加载。 其他一些插件也可以负责自动保存 - 例如,第三方 SonarLint and ESLint 插件以引起此类问题而闻名,因为它们将文件保存到 运行 分析更改等。

终于找到IntelliJ中的设置了。

转到[设置 -> 外观和行为 -> 系统设置] 并取消选中以下选项:

  • 在框架或编辑器选项卡激活时同步文件
  • 在框架停用时保存文件
  • 如果应用程序空闲 [] 秒
  • ,则自动保存文件

WebStorm 实际上在页面底部的设置(Ctrl+Alt+S)-外观和行为-系统设置中写了这个:“无法完全禁用自动保存。它是如何工作的”和link带你到这里https://www.jetbrains.com/help/webstorm/2021.3/saving-and-reverting-changes.html