PhpStorm Live Edit feature not working? [PhpStorm 2020.2]

1.9k views Asked by At

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:

enter image description here

1

There are 1 answers

0
Ekaterina Prigara On

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.