FE - WebStorm 与 Chrome 热加载配置

1.背景

刚接触 webstorm 进行开发，总是在chrome 上手动刷新网页看效果，总是太麻烦。之前在做Android开发的时候，了解到热加载，想着web也有，就此有了这篇文章。

---

2.webstorm配置

file/settings/Build…./Debuger/live Edit

选中Auto in 多少ms , 将下面的Restart if hotswap fails 打钩！

---

3.Chrome 配置

下载 jetBrains IDE support 插件 ，自己翻墙咯。chrome 应用商店的，直接安装即可。

---

4. 使用

打开webstorm ，在html 上右击 Debug xxx.html 在chrome打开即可。

chrome上会出现下面内容：

如果想再次打开，可以直接点击工具栏上的debug :

5.更多

运行后，底部debug下会出现 console,这个可浏览器 中的是一样的。

更多 待发掘 …