开发环境
php集成工具：xampp v3.2.2
PHP Version： 7.2.11
PhpStorm：2017.3.4
一、下载安装Xdebug软件
可去官方网站下载 http://xdebug.org/
注意下载的版本一定要与你本地的php版本一致才能用。如果你不知道自己本地php的相关信息，则可以通过如下操作，让 Xdebug告诉你应该下载哪个版本：
1、先在本地新建一个php文件，比如index.php文件。内容如下：
<?php phpinfo();?>2、浏览器中访问该文件，打开index.php
3、把打开的网页保存至桌面并Copy至http://xdebug.org/wizard.php中，然后提交，根据Xdebug提示下载对应版本的软件
4、将下载下来的Xdebug文件放入到xampp目录下的php文件夹下的ext目录下。
我这里的目录结构如下图：D:\XAMPP\path\php\ext
二、修改本地php配置文件php.ini
先看一下我的php安装目录
在php.ini配置文件末尾加以下代码：
[xdebug]
zend_extension=zend_extension=D:\XAMPP\path\php\ext\php_xdebug-2.6.1-7.2-vc15.dll(此处就是Xdebug文件对应的路径)
xdebug.remote_autostart=on
xdebug.remote_enable=on
xdebug.remote_enable=1
xdebug.remote_mode="req"
xdebug.remote_log="/data/log/xdebug.log"
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000
xdebug.remote_handler="dbgp"
xdebug.idekey="PhpStorm"三、重启服务器（也就是xampp）
通过下面3种方式都可以验证Xdebug是否安装成功
方式1、
创建php文件，文件的内容为<?php phpinfo(); ?> ，浏览器里打开改文件，有以下版本信息和ide key，则证明安装成功。
方式2：
创建php文件，文件的内容为<?php phpinfo(); ?> 将浏览器的输出信息全选之后，复制到http://xdebug.org/wizard.php的文本框并提交。如果Xdebug安装成功，那么第一项Xdebug installed会显示当前Xdebug的版本号；如果安装不成功的话，则会显示no。
方式3：
在CMD里输入D:\XAMPP\path\php\php.exe -m 如果Xdebug安装成功则会看到此模块
四、开发环境PhpStorm设置
1）打开phpStorm，进入File>Settings>PHP>Servers，这里要填写服务器端的相关信息，name填localhost，host填localhost，port填80，debugger选XDebug，如下图
2）进入File>Settings>PHP>Debug，看到XDebug选项卡，port填9000，其他默认
3）进入File>Settings>PHP>Debug>DBGp Proxy，IDE key 填 PHPSTORM，host 填localhost，port 填80
点OK退出设置
4）配置PHP Web Application(入口文件)
五、浏览器插件安装及设置
下面以chrome浏览器安装xdebug 为例
1）下载插件：http://www.chromein.com/crx_11294.html
2）下载之后，进入谷歌浏览器的扩展应用页面，并将下载下来的.crx程序拖入该页面，完成安装。
3）安装成功后单击选项按钮，设置xdebug helper的IDE KEY参数为phpstorm。
4）安装完成xdebug helper后再浏览器地址栏的右上角能够看到一只小爬虫图标，点击后如下图所示：
选择Debug，就会通知你的开发环境接下来的代码需要调试；选择disable，就会直接运行
5）在代码中任毅位置打第一个断点，在chrome浏览器里启动XDebug工具，访问localhost相应文件，与phpStorm连接成功！
欢迎开发者朋友一起学习交流18629374628