Enable IntelliJ hotswap of html and javascript files

23.7k views Asked by At

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.

5

There are 5 answers

4
chalimartines On BEST ANSWER

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

0
tannax On

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

0
pradip9102 On

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 :)

0
GoodJobException On

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.

6
Rafael Reyes On

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.