Install the Live Edit Plugin in Idea via Settings > Plugins > Install Jetbrains plugin:Ĭlick on Debug for that configuration to open your page in Chrome. Install Jetbrains IDE Support Chrome Extension Setting up Live Edit in IDEA wasn't immediately obvious so here is a quick guide for others: Thats kinda meh compared to live edit for HTML/CSS/Javascript but nice too cause you don't have to switch to the browser and do the whole browser refresh dance. If however, you are serving a dynamic page via say node express, ejs etc, you can refresh it from IDEA so you don't have to leave your IDE. If you're editing HTML/CSS/Javascript you can see your changes refelected immediately in the browser as you make code changes. This is an empty project for developing apps using JavaScript, HTML, CSS, and Node.js.) (Community and Ultimate) JavaScript (Ultimate only) Empty Project (Community and Ultimate) The Empty Project option is very useful when you want to create a modularised project from scratch.

Live Edit lets you immediately see your UI code changes in the browser. Im using IntelliJ IDEA 12 Community Edition, and am trying to set the syntax coloring for Javascript files. It has been around for a bit but I finally got to try the Live Edit feature in Intellij IDEA. Menu Setup Live Edit in IntelliJ IDEA 27 March 2014

Intellij community javascript