PhpStorm Live Edit功能不起作用？ [PhpStorm 2020.2]

问题描述

我经常使用VS Code +“ Live Server”插件，因此每次保存时，项目都会自动刷新。

今天，我正在使用具有合法订阅许可证的最新版本PhpStorm（我已经使用phpstorm了几年），但即使我试图在Internet上查找它，“ Live Edit”插件似乎也不起作用。但是，他们都没有帮助！

感谢您的帮助！谢谢

我做什么：

• 在Chrome上安装了Jetbrains IDE扩展
• 在PhpStorm上安装了“ Live Edit”插件
• 设置如下：

解决方法

“实时编辑”功能仅在针对您的应用运行的URL启动JavaScript调试会话时有效。

首先，在菜单运行-编辑配置中，创建一个类型为JavaScript调试的新配置，然后指定您应用的网址（例如localhost：3000）。保存配置并启动调试器。

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