一、安装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里一样
只填写端口号就可以
webstorm查看默认本地环境端口号
【File】-【Settings】-【Build,Execution,Deployment】-【Debugger】- Built-in server [Port] 设置
webstorm 本地没有开启服务的情况下
三、测试页面
页面文件上右键 debug
绿色的 直接刷新页面
