In webstorm8, the live edit function is provided, but it is not turned on by default;
in webstorm8, the live edit function is not turned on by default

1. CTRL + Alt + s — &> live edit — &> check enable live editing, as shown in the following figure:

2. The next step is to install the JetBrains ide suport extension in Google browser. Here is the address:

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

After installation, there will be a small JB icon on the right side of the address bar. If you click this icon, you can switch to the webstorm page

Right click option to set the listening address and port. Webstorm defaults to port 63342

3. Finally, to edit the code in webstorm without refreshing the browser, you need to open the debug mode in webstorm, open the page, right-click the page in the project panel and select debug

OK, everything is OK. Now modify it in webstorm, and switch to Google to check whether it has been synchronized. The yellow background prompt bar on the browser must not be closed. If it is closed, it will not be synchronized in real time.