WebStorm 修改无需保存自动在 Chrome 中刷新

如果你已经会部分配置但发现,请检查以下几项是否配置成功

  • WebStorm 的 Live edit 功能已经打开并正确配置
  • Chrome 的「JetBrains IDE Support」插件已经安装、启用并配置了正确的端口
  • WebStorm 的「safe write」已经关闭
  • 文件运行是通过 Debug 来运行的

打开「Live edit」并正确配置

直接搜索关键字或按下图寻找到下面的配置并更改

安装「JetBrains IDE Support」插件

点击上图中的「JetBrains IDE Support」链接或直接访问 JetBrains IDE Support - Chrome 网上应用店 下载并启用即可

一般情况下,启用后无需多余配置,但有时可能需要在插件的设置中将相关端口配置手动修改为和 WebStorm 中相同的配置

下面的是 Chrome 插件中的配置
下面的是 WebStorm 中的配置

关闭 WebStorm 的「safe write」

搜索关键字或按下图找到并取消勾选即可

以 Debug 模式运行

在要运行的网页中右键单击选择「debug」来运行即可