先去下载 JetBrains+IDE+Support+2.0.7.crx 插件(该插件可以在本文章末尾附件下载),成功下载后将插件安装到Chrome。点击Chrome的菜单,选择“更多工具”-> “扩展程序”,然后将你下载的 crx 插件拖入到Chrome 的扩展程序界面,如下图:
在弹出的确认添加扩展程序框中选择“添加”按钮。安装成功如下图:
上图中,有 JB 图标的就是我们刚刚安装好的插件。下面我们继续去启动WebStorm开发工具,如下图:
我们在打开的 index.html 中右键,选择“Debug index.html”命令,此时将自动打开Chrome浏览器(如果你默认浏览器就是Chrome)。如下图:
运行成功后将会看见,如下图的输出信息:
此时,你再次去修改HTML页面中的内容,你会发现,你并不需要去刷新Chrome浏览器。