PhpStorm 實時編輯功能不起作用？ [PhpStorm 2020.2]

Question

我經常使用 VS Code + 'Live Server' 插件，所以每次保存時，項目都會自動刷新。

今天我在玩 PhpStorm，它是具有合法訂閱許可證的最新版本（我已經使用 phpstorm 幾年了），但即使我試圖在 inte.net 上查找它，“實時編輯”插件似乎也不起作用。 然而，他們都沒有幫助！

感謝您的幫助！ 謝謝

我做了什么：

• 在 Chrome 上安裝 Jetbrains IDE 擴展
• 在 PhpStorm 上安裝“實時編輯”插件
• 設置如下：

Answer 1

僅當為您的應用運行的 URL 啟動 JavaScript 調試 session 時，實時編輯功能才有效。

首先，在菜單 Run - Edit Configurations 中，創建一個類型為 JavaScript Debug 的新配置，並指定您的應用程序的 URL（例如 localhost:3000）。 保存配置並啟動調試器。

要對 .html 文件使用實時編輯，您還可以使用 IDE 內置服務器並啟動調試器 - 在項目視圖或編輯器中右鍵單擊該文件，然后 select Debug filename.html 。