一,前言

通过前几篇博文我们已经知道Mac下如何搭建PHP开发环境了
我们使用Mac自带的PHP环境
安装了XAMPP集成开发环境
选择了PhpStorm作为PHP开发的IDE
现在我们来配置这套环境下的Xdebug功能

---

二,配置XAMPP支持Xdebug

1,新版本XAMPP默认自带 xdebug.so 模块, 位于目录:

/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-20131226/xdebug.so

2,在php.ini中添加xdebug配置,XAMPP的php.ini位于目录:

Applications/XAMPP/etc/php.ini

3,进入php.ini配置文件，在末尾加入以下内容:

[xdebug]
zend_extension=/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-20131226/xdebug.so
xdebug.remote_autostart=on
xdebug.remote_enable=on
xdebug.remote_enable=1
xdebug.remote_mode="req"
xdebug.remote_log="/var/log/xdebug.log"
xdebug.remote_host=localhost/127.0.0.1
xdebug.remote_port=9000
xdebug.remote_handler="dbgp"
xdebug.idekey="PhpStorm"

4,重启服务,访问phpinfo页面查看xdebug信息(http://localhost/dashboard/phpinfo.php)

---

三,PhpStorm配置Xdebug

1,PhpStorm-preferences 添加 Web Application Debug 服务器

2,核对PhpStorm-Debug端口号,确保和php.ini一致

查看PhpStorm-preferences搜索PHP下的debug

之前我们添加的php.ini端口为9000,与PhpStorm一致

3,DBGp Proxy配置

查看PhpStorm-preferences搜索PHP下debug下的DBGp Proxy

IDE key : 随意
Host : localhost 或 127.0.0.1
port : 指 HTTP 端口，默认 80(必须和服务器的 HTTP 端口一致)

---

四,浏览器扩展配置

Chrome-JetBrains IDE Support 插件
无需配置即可使用
不需要刷新和运行即可实时显示代码

http://www.cnplugins.com/down/predown.aspx?fn=1502/www.cnplugins.com_hmhgeddbohgjknpmjagkdomcpobmllji_2_0_7_.crx

---

五,调试

以上准备工作都做好了,我们开始调试一下代码

激活PHPStorm的"Start Listen for PHP Debug Connections" 按钮,右上角 Debug区的电话图标,含有红色小圆圈代表未激活，绿色代表正在监听

设置断点,访问http://localhost/index.php

此时可以看到Debug模式下的信息显示,Xdebug配置完成