связка OpenServer+phpStorm+CoogleChrome+xdebug(дополнение к гуглу)
там phpStorm не надо ничего настраивать:
1. в php.ini:
[Xdebug] zend_extension="%sprogdir%/modules/php/%phpdriver%/ext/php_xdebug.dll" xdebug.idekey = "PHPSTORM" xdebug.profiler_output_dir="%sprogdir%/userdata/temp/xdebug/" xdebug.profiler_output_name = "cachegrind.out.%H%R" xdebug.remote_enable = 1 xdebug.remote_handler = "dbgp" xdebug.remote_host = "localhost" xdebug.remote_port = 9000 xdebug.trace_output_dir = "%sprogdir%/userdata/temp/xdebug/"4. phpstorm(не знаю обязательно ли)
File > Settings > PHP > PHP language level: > выбираем соответствующую версию пхп (у меня 5.4)
3. устанавливаем дополнение xdebug на CoogleChrome
---------------------------------------------
дебаг запускается не через phpstorm а через хром:

1. в правом верхнем углу будет неактивынй жучек, его надо выставить enabled
2. нажимаем обновление вашей страницы и phpstorm должнен сам отловить путь дебага

-------------------------------------------------
если в шторме показывает ошибку
Problem with xdebug: Cannot evaluate / parse expression 'isset($_SERVER['PHP_IDE_CONFIG'])'
то делаем в php.ini: xdebug.extended_info=1
[upd=1431863685][/upd]
Забыл сказать: чтобы phpStorm ловил xdebug, необходимо нажать "start listen php debug connections"

чтобы было так:

и только потом обновлять страницу в хроме