PHPstorm+XDebug+Chrome/Firefox超详细教程（图文）

　　相信习惯了var_dump调试的小朋友是很少使用debug的，博主就是其中的一个，但是var_dump能调试的项目大多是层次分明，结构清晰的，一旦拿到一个新项目，框架结构层次又很深的话，通过var_dump就会力不从心了。所以，博主花了一天的时间研究了一下debug，俨然已从一个debug小白晋升为熟练配置并使用，特此，记录一下我的心酸历程。

　　运行环境：

　　　　PHPstorm2018.3

　　　　PHP7.2.1

　　　　XDebug2.6.1

　　流程：

XDebug下载
配置php.ini
下载Chrome或Firefox的Debug插件
配置PHPstorm
Debug配置，全局监听和指定监听方式

　　一、XDebug下载

分析选择下载对应的debug版本，否则无法进行调试（重要）。打印phpinfo信息，然后“Ctrl+a”全选
打开网址 url：https://xdebug.org/wizard.php，把刚才复制的信息粘贴在下面的框中，然后提交，它会自动找出合适的版本，然后下载下来
将下载好的文件复制到我们安装的php的ext文件夹里面，第一步就完成了（博主的是：E:\phpstudy\PHPTutorial\php\php-7.2.1-nts\ext）

　　二、配置php.ini

　　打开我们的php.ini文件，在末尾添加如下内容

[XDebug]
zend_extension="E:\phpstudy\PHPTutorial\php\php-7.2.1-nts\ext\php_xdebug.dll"
xdebug.profiler_output_dir="E:\phpstudy\PHPTutorial\tmp\xdebug"
xdebug.profiler_enable = On
xdebug.profiler_enable_trigger = off
xdebug.profiler_output_name = cachegrind.out.%t.%p
xdebug.trace_output_dir="E:\phpstudy\PHPTutorial\tmp\xdebug"
xdebug.var_display_max_children=1024
xdebug.var_display_max_data=10240
xdebug.var_display_max_depth=7
xdebug.show_local_vars=0
xdebug.remote_enable = On
xdebug.remote_handler = dbgp
xdebug.remote_host= localhost
xdebug.remote_port = 9000
xdebug.idekey= PHPSTROM

　　注：

zend_extension 路径改成我们刚刚下载下来的debug路径

xdebug.profiler_output_dir 和 xdebug.trace_output_dir 路径改成自己想要输出的地方

remote_enable开启远程调试

xdebug.idekey调试的IDE

xdebug.remote_port这个是XDebug进行调试所需要监听的端口，可能会出现端口冲突问题，所以我们，提前检测一下：打开cmd，输入：netstat -ano，发现端口没有占用，很好
还差最后一步，再次打印phpinfo，搜索“xdebug”，如果能找到，代表我们配置成功
三、下载Chrome或Firefox的Debug插件

Chrome，下载debug并配置，博主下的这个
Firefox，下载debug并配置，博主下的这个

　　四、配置PHPstorm

打开PHPstorm，左上角file->settings（或“Ctrl+Alt+s”），搜索“debug”，找到下面的“languages& Frameworks”，首先设置php和debug的路径
设置debug监听端口，和上面我们php.ini里面定义的端口相同
进入File>Settings>PHP>Debug>DBGp Proxy 填写