Webstorm binding Google Chrome real-time Refresh

Source: Internet
Author: User
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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.