javascript - PhpStorm 实时编辑功能不起作用？[PhpStorm 2020.2]

Question

我经常使用 VS Code + 'Live Server' 插件，所以每次保存时，项目都会自动刷新。

今天我在玩 PhpStorm，它是具有合法订阅许可证的最新版本（我已经使用 phpstorm 好几年了），但即使我试图在互联网上查找它，“实时编辑”插件似乎也不起作用。然而，他们都没有帮助！

我很感激任何帮助！谢谢

我做了什么：

• 在 Chrome 上安装 Jetbrains IDE 扩展
• 在 PhpStorm 上安装了“实时编辑”插件
• 设置如下：

标签： javascripthtmlphpstormjetbrains-ideliveedit

Answer 1

仅当针对您的应用程序运行所在的 URL 启动 JavaScript 调试会话时，实时编辑功能才有效。

首先，在菜单 Run - Edit Configurations 中，创建一个类型为 JavaScript Debug 的新配置并指定应用程序的 URL（例如 localhost:3000）。保存配置并启动调试器。

要对 .html 文件使用 Live Edit，您还可以使用 IDE 内置服务器并启动调试器——在项目视图或编辑器中右键单击文件并选择Debug filename.html.