25

我正在探索 WebStorm 的试用版并希望使用 LiveEdit 功能。

执行以下操作后,我无法使用 LiveEdit 功能:

  1. 确保 LiveEdit 已打开
  2. 安装了 Chrome 扩展程序
  3. 安装扩展后重新启动浏览器(我仍然怀疑它不是必需的)
  4. 在 chrome 中运行 HTML 页面

当我修改 HTML 正文时,我看不到 Chrome 中反映的更改。

我在论坛上读到不需要netty。

我们需要它吗?

我还需要配置什么才能使用 LiveEdit 功能?

PS:我使用的是 WebStorm 5.0。

4

8 回答 8

23

您是否碰巧打开了 IntelliJ?关键是端口 63342 被另一个应用程序“占用”(即使它与 HTML 调试无关)。

当端口繁忙时,LiveEdit 会尝试下一个端口,63343。如果您右键单击 Chrome 上的 JB 图标,选择选项,将端口加一,然后按应用,您将神奇地连接。我希望 Jetbrains 会费心通知用户他们当前尝试使用的端口是什么。

在我的电脑上,当我打开 Mac 时,它就发生了。以下任一方法都有效: 1. 杀死 IntelliJ IDEA(也已打开)并重试 2. 如上所述,将端口增加一。

于 2013-04-03T14:39:44.493 回答
14

我必须去运行->调试(在 Windows 上按 CTRL+F5)

于 2013-10-12T19:54:05.533 回答
4

在我的情况下,有什么帮助是在“设置”->“构建、执行、部署”->“调试器”下激活“可以接受外部连接”

WebStorm 设置


根据要求提供更多详细信息:

  1. 为 Chrome 安装了 JetBrains IDE 扩展
  2. 确保 LiveEdit 插件已安装并激活(设置 -> 插件)
  3. 确保选中“可以接受外部连接”(设置 -> 构建、执行、部署 -> 调试器)并且端口与 Chrome 扩展中的相同
  4. 确保更新设置为“自动输入(毫秒)”,例如 300(设置 -> 构建、执行、部署 -> 调试器 -> 实时编辑)
于 2016-03-22T10:56:03.403 回答
3

在我的情况下,实时编辑刚刚被禁用(出于某种原因)

在此处输入图像描述

于 2014-08-21T18:26:58.743 回答
3

对于任何在谷歌上搜索此线程的人,现在无需插件即可支持 LiveEdit。只需进入设置并取消选中“使用 JetBrains IDE 支持扩展进行调试和实时编辑”。

如果没有扩展,根据我的个人经验,调试和实时编辑会更可靠。

于 2019-01-16T02:55:04.627 回答
2

我无法让 Chrome 和 Webstorm 相互链接。Chrome 插件设置为 63343 端口或类似的东西。我在 Windows 上。我以管理员权限打开命令行并输入:

netstat -a -b

查看他们正在收听的所有程序和端口。然后我找到了关于 WebStorm.exe 的第一个条目,并看到它正在侦听端口 30897。我在我的 chrome 插件选项中设置了该端口号,一切正常。

在此处输入图像描述

于 2014-02-02T10:44:50.347 回答
1

快速修复:在 Chrome 插件配置中,使用0.0.0.0主机的 ip。

于 2014-12-04T15:35:51.387 回答
0

从 Internet Explorer 属性中关闭自动连接配置对我来说很顺利。IE是老板。

于 2014-05-30T13:20:36.820 回答