使用 Webstorm 9.0 进行实时编辑

Live Edit using Webstorm 9.0

我已经完成了这个 link https://confluence.jetbrains.com/display/WI/Live+Edit as well as this question thread Webstorm LiveEdit for chrome not working,但我仍然无法让我的 Webstorm 实时编辑工作。

我启用了实时编辑插件,自动重新加载设置为 (300ms) 并安装了 jetbrains chrome 扩展。当我激活调试模式时,项目可以在浏览器中正常打开,但是当我调整内容或保存文件时,页面不会主动重新加载。我注意到的一件事(以及上面 link 的建议)是确保在视图菜单下拉列表中单击实时编辑,但我在常规运行或调试模式下没有该选项。

知道如何让它正常工作吗?如果您需要更多信息来解决此问题,请告诉我。

我也有同样的问题,但如果您需要实时编辑,另一种选择是:

尝试右键单击 html 文件(假设 index.html),然后选择选项调试 index.html。然后这将在顶部生成一个选项。因此,每次您单击错误图标时,它都会打开 Chrome,并且您在 index.html 上所做的每项更改都会立即显示在 Chrome.

此外,如果您 select WebStorm 中的一些代码,它会在 Chrome 上显示为黄色。

我运行今天遇到了同样的问题。我正在使用 WebStorm 2016.2.2。此外,chrome 的扩展确实想要连接。以下步骤解决了我的问题:

验证您在 IDE 中的配置是否与浏览器中的扩展相匹配。

将URL路径复制到63342。现在让我们转到浏览器。右键单击 JB 扩展程序图标。

确保您的扩展程序设置与 IDE 配置相匹配。

希望这对更新版本的 WS 有所帮助!!!