Enable IntelliJ hotswap of html and javascript files

Question

I'm fairly new to IntelliJ and I'm using it to develop an AngularJS / Java web application. When I make changes to HTML or JavaScript code, I always have to restart the app server (I'm using Jetty). Is there a config or plugin that provides hotswap for HTML/JS/CSS files?

I'm using IntelliJ 12 Ultimate edition.

Answer 1

You need the option "Update resources". You should be able find this option in your server Run/Debug configuration.

Answer 2

I had the same problem but I already fixed it. You can follow this steps:

1. Go to Help->Find Action
2. Type "Registry".
3. Find and mark : “compiler.automake.allow.when.app.running”.
4. Close the Dialog.
5. Go to "Settings->Build, Execution, Deployment->Compiler".
6. Mark "Build project automatically".
7. Apply changes.
8. Go to Spring Boot Configuration and if everything goes well it will display a warning about "background compilation", Run your Spring Boot Application and you should be able to see your statisc's files changes when refresh your browser.

Hope it helps.

Answer 3

As i found this thread interesting, i also found a lot of explanations here: https://www.jetbrains.com/idea/help/updating-applications-on-application-servers.html

Answer 4

One more thing, which might not be obvious - to activate the automatic build you have to activate the IntelliJ window. It is still very convenient, although you have to switch windows when operation only in the browser.

Answer 5

Also, a keyboard shortcut(e.g. Ctrl+F5 or Cmd+F5) to "Run -> Reload changed classes" might come handy. It helps me to save changes multiple times and then restart the server when I'm done (unless using JRebel :)