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

c2e8gylq  于 2022-11-01  发布在  IntelliJ IDEA
关注(0)|答案(4)|浏览(243)

我正在用IntelliJ IDEA开发一个Angular应用程序。我在终端窗口中运行ng server。每当我改变任何代码时,angular cli都会自动重新编译,并导致浏览器不断地重新加载。我希望angular cli只在我单击“构建项目”图标或按Ctrl+S时重新编译。我花了几个小时查看IntelliJ和angular cli,但是找不到任何关于如何实现它的东西。如果你知道如何,请帮助

fykwrbwg

fykwrbwg1#

最后在IntelliJ中找到设置。
转到[设置-〉外观和行为-〉系统设置]并取消选中以下选项:

  • 在框架或编辑器标签启动时同步档案
  • 停用框架时保存档案
  • 如果应用程序空闲[]秒,则自动保存文件
5jdjgkvh

5jdjgkvh2#

保存时实时重新加载是Angular CLI的一项功能,可以通过将--no-live-reload传递给ng serve来禁用。但是它只在显式 * 保存 * 时重建和重新加载页面,而不是在每次文件更改时。要使它只在点击Ctrl+S时工作,你需要在IDEA中禁用自动保存。IDEA通常不会在每次按键时自动保存文件。如果它只在调试你的应用时发生,检查设置中的实时编辑(在调试会话期间处于活动状态)是否为enabled|构建、执行、部署|调试工具|实时编辑-它会自动保存文件以提供实时重新加载。一些其他插件也可以负责自动保存-例如,第三方SonarLintESLint插件已知会导致此类问题,因为它们保存文件以运行对更改的分析等。

hjqgdpho

hjqgdpho3#

除非保存文件,否则不会编译cli。除非您的IDE自动保存,否则在按Ctrl+S之前不会重新加载。
但是,您仍然可以使用--no-live-reload选项来在发生更改时不重新加载浏览器,或者使用--poll来增加更改检测之间的时间间隔。
有关选项,请参阅official documentation

mhd8tkvw

mhd8tkvw4#

WebStorm实际上在页面底部的设置(Ctrl+Alt+S)-外观和行为-系统设置中写入了以下内容:“无法完全禁用自动保存功能。它是如何工作的”,链接会将您带到此处https://www.jetbrains.com/help/webstorm/2021.3/saving-and-reverting-changes.html

相关问题