I use VS Code + 'Live Server' plug-in very often so everytime I save, the project will be refreshed automatically.
Today I was playing around with PhpStorm, newest version with legit subscription license (I've been using phpstorm for couple years) but it seemed that 'Live Edit' plug-in not working even I tried to look it up on internet. However, none of them helped!
I appreciate any help! Thanks
What I did:
- Installed Jetbrains IDE extension on Chrome
- Installed 'Live Edit' plug in on PhpStorm
- Settings as below:

To Live Edit feature works only when the JavaScript debug session is started for the URL your app is running on.
To start one, in the menu Run - Edit Configurations, create a new config of the type JavaScript Debug and specify the URL of your app (e.g. localhost:3000). Save the config and start the debugger.
To use Live Edit for an .html file, you can also use the IDE built-in server and start debugger – right-click on the file in project view or editor and select
Debug filename.html.