webstorm 网页实时同步 live edit 和 JetBrains IDE Support

1. webstorm 一般是自带插件 live edit 的，不用下载

2. chrome浏览器下载插件 JetBrains IDE Support

3. webstorm 的设置中 对 live edit 进行自定义设置

    如图1，随自己的需要修改即可，解释：(1) 3ms 网页更新会很快 (2) 最后一个必须打勾，才能真正使用浏览器的JB插件

4. 上面几步完成之后只需要 debug(不是run) (如图2)就可以实现网页同步编辑了（浏览器上面的这一行(如图3) 不要点取消，否则 就不能同步了）

其他：端口号可自定义设置如图4，5，6

有关JetBrains IDE Support：是一款支持编译即时显示在浏览器上调试的谷歌浏览器插件。是一款web开发人员常用的开发者插件，程序员习惯称之为JB插件。这款调试插件需要与一些开发工具结合使用，比如JetBrains公司发布的一个web开发IDE，webstorm！支持代码提示、补全、定位、与Git集成等等各种功能，已经跟传统强类型语言的开发环境感觉无多大差异！

参考链接：https://taifua.com/chrome-webstorm-syn.html

 

图1：