Webstorm binding Google Chrome real-time Refresh

WebStorm8.0.3 live Edit and Google browser real-time no refresh automatically loaded page summary webstorm itself does not need to save ctrl+s, combined with live edit, directly while writing code side real-time view! No need to ctrl+s,f5!

In the WEBSTORM8 is the self-contained live edit function, but the default is not turned on;

1. Ctrl + Alt +----live Edit--Tick Enable live editing, such as:

2. The next step is to install the JetBrains IDE suport extension in Google Chrome, where the address is given directly:

Https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji

After the installation of the address bar on the right side there will be a small JB icon, if you click on this small icon can be switched to the Webstorm page;

Right-click-option, you can set the listening address and port, webstorm default is 63342 port;

3, finally, to achieve in the Webstorm editing code, without refreshing the browser automatic real-time update, you need to open the debug mode in the Webstorm page, directly in the Project panel right click on the page select debug on the line

OK, everything OK, now in the webstorm changes, and then switch to Google to see if it has been synchronized, the browser above the yellow background bar must not be closed, closed will not be synchronized in real time.

Webstorm binding Google Chrome real-time Refresh