在 PHPStorm 中配置 XDebug 实现断点调试

在 PhpStorm 中,配合使用 Xdebug ,可以很方便的实现断点调试

1、下载 Xdebug

如果你是使用 XAMPP 的环境,系统已经自带 Xdebug,你可以下载最近版本覆盖或者跳过进入第二步。

Xdebug-Location
XAMPP 自带 Xdebug 的路径

下载地址:https://xdebug.org/download.php,首先确定你的 PHP 版本,使用phpinfo()查看 PHP 版本信息,然后下载对应的 Xdebug 版本

phpinfo()
PHP 版本信息

下载完成后,如果是 XAMPP 环境,建议放置于 xampp/php/ext 文件夹中,方便管理:
xdebug-location

2、php.ini 中开启 Xdebug 配置

打开 php.ini,找到 Xdebug 的配置( XAMPP 在最底部,被注释),如果没有,请手动添加。

其中xdebug.remote_host代指本地为网站配置的虚拟域名,xdebug.remote_port为调试监听商品,通常使用默认的 9000 端口。

3、检查 Xdebug的安装情况

在 PhpStorm 中,File>Setting 打开系统设置,然后如下图进入 PHP 的编译器设置,如果能看到 Xdebug 的信息,说明安装成功:

verify-xdebug-phpstorm
PhpStorm 中的 PHP 编译器设置

或者使用phpinfo()查看 Xdebug 配置信息:

verify-xdebug-phpinfo
phpinfo() 中的 XDebug 配置信息
4、PhpStorm 的进一步配置

用上一步的方法,打开 PhpStorm 中 PHP>Debug 的设置,“Debug port”与“xdebug.remote_port”一致,并且允许外部连接(浏览器XDebug插件):

php-servers
PhpStorm 中的服务器设置

并且在 PHP>Servers 中,将对应服务器的调试工具修改为“Xdebug”,如果没有,请创建。这里的 “Port” 为服务器运行端口,默认为 80 端口,请不要修改成调试的 9000端口:

phpstorm-php-debug
PhpStorm 中配置 Xdebug 调试端口
5、服务器调试配置确认
validate-debug-cofnig
验证 PhpStorm 的服务器配置

Run>Web Server Debug Validation,完成配置的填写,点击“Validate”按钮即可验证服务器的调试配置是否正确:

6、安装Chrome的XDebug插件

参考链接:Install Xdebug Helper

6、第一次调试

打开需要调试的网站,开启 Xdebug 插件的 Debug 功能:
debug-enbale

打开 PhpStorm 的 debug 监听功能,在文件中放置断点:
phpstorm-breakpoint

运行我们需要调试的页面,PhpStorm 便可自动监听并开启调试模式:

phpstorm-debug
使用 Xdebug 断点调试

并且 Xdebug 插件还对var_dump()的输出进行了美化,对于日常简单调试也是很有帮助的:
xdebug-var-dump

小结

PhpStorm 结合 Xdebug,是调试 PHP 网页应用的利器,流程追踪,变量查看,堆栈信息。不用辛苦的到处写var_dump()又删除,只需要打上断点,获取如 VS 调试 .Net 的快感,使 Debug 更快捷,更方便,更高效。

《在 PHPStorm 中配置 XDebug 实现断点调试》有一个想法

发表评论