使用 Webstorm 9.0 进行实时编辑答案

【问题标题】：Live Edit using Webstorm 9.0使用 Webstorm 9.0 进行实时编辑
【发布时间】：2015-01-08 01:08:48
【问题描述】：

我已经浏览了这个链接https://confluence.jetbrains.com/display/WI/Live+Edit 以及这个问题线程Webstorm LiveEdit for chrome not working，但我仍然无法让我的 Webstorm 实时编辑工作。

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

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

【问题讨论】：

"是为了确保在视图菜单下拉菜单中单击实时编辑，但在常规运行或调试模式下我没有该选项。"以前的版本——在当前版本中，此选项不再可用，因为整个 LiveEdit 方法已重新设计。请参考blog.jetbrains.com/webstorm/2014/08/…

标签： javascript webstorm liveedit

【解决方案1】：

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

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

此外，如果您在 WebStorm 中选择某些代码，它会在 Chrome 上显示为黄色。

【讨论】：

【解决方案2】：

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

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

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

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

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

【讨论】：