webstorm 实时调试刷新浏览器

 一、安装JetBrains IDE Support

谷歌浏览器插件下载-JetBrains IDE Support 2.0.7.crx

 

1) 谷歌浏览器打开一个标签页 ，输入chrome://downloads/ 打开下载页面 

2)谷歌新建一个页面输入 chrome://extensions/  ，文件JetBrains IDE Support 2.0.7.crx 拖入到这个页面安装

安装完成

 

如何安装CRX格式？Chrome插件离线安装，CRX格式安装方法

 

 

1.谷歌浏览器添加插件 【JetBrains IDE Suport】扩展程序

2.webstorm 打开【File】-【Settings】 搜索live edit 设置Auto in(ms) 时间 ，勾选 Restart if hotswap fails.

 

参考：

手把手教你WebStorm+chrome实现时时调试刷新

 

二、谷歌浏览器设置

谷歌浏览器 设置-更多工具-扩展程序

点击选项

设置端口号 跟webstorm里一样

只填写端口号就可以

 

webstorm查看默认本地环境端口号 

【File】-【Settings】-【Build,Execution,Deployment】-【Debugger】- Built-in server [Port] 设置

webstorm 本地没有开启服务的情况下

三、测试页面

页面文件上右键 debug

 绿色的 直接刷新页面