How to set up plugin project with XDebug remote debugging in PhpStorm

I am assuming that you already followed the tutorials on setting up xDebug on PHP installation and PhpStorm. Let me know if you need some help with that.

I am using xDebug Helper extension on Chrome. Install it too.

With the extension installed:

  1. In PhpStorm, go to Run > Start Listening for PHP Debug Connections.
  2. Set a breakpoint in your code.
  3. Go to Chrome and Select Debug in the small insect.

    xDebug Helper

  4. Refresh your page.

  5. Back in PhpStorm, accept the incoming connection.

    incoming connection

  6. Enjoy debugging your code.

Leave a Comment