一. 查询对应php版本号得xdebug 并下载

注意：只支持php7.2以上

1.在本地创建php 文件 输出 echo phpinfo();

运行结果

图1：

出现这个页面得时候 ctrl + A 全选 放入下面网址中的框子中

Xdebug: Support — Tailored Installation Instructions

2.打开链接 如下图：

将图1得内容全选放入框子中

然后点击步骤2

3.点击此处 这里便是您当前php版本对应得xdebug 点击下载就行

4.下载完毕如下图

二. 本地配置Xdebug

1.将下载的xdebug文件 移动到 X:\php7.3.16\ext目录下当然如果你是一键php环境例如wamp、 xampp等也就在他们的目录下找到对应php版本文件夹下的ext目录就可以了

例如我的环境地址是 D:\phpstudy_pro\Extensions\php\php7.3.4nts\ext

2.找到php.ini文件编辑X:\php7.3.16\php.ini

双击打开phpini文件 在最后边 写入xdebug配置选项

[Xdebug]

zend_extension="php_xdebug-3.1.4-8.1-vs16-nts-x86_64.dll"

xdebug.idekey="PHPSTORM"

xdebug.mode=debug

xdebug.client_host=127.0.0.1

xdebug.client_port = 9003

xdebug.remote_handler=dbgp

xdebug.start_with_request = yes

xdebug.log="D:\Development Kits\php\php-8.1.5-nts\xdebug\xdebug.log"

xdebug.output_dir = "xdebug-log"

xdebug.log 这个是写日志的地方 可以自定义

3.安装完成验证

到这里 如果没有意外发生 你的xdebug应该安装完成了

重启你的项目 或者 apache网络服务器

重新在php代码中写入 echo phpinfo();

然后运行 在打开的页面 ctrl + F5 xdebug 如果可以找到xdebug 表示你已经安装完成了

如下图：表示ok 了

三.在phpstorme 配置xdebug

1.设置端口

File--->Settings--->Languages & Frameworks(语言与框架中)--->PHP---->Debug

在显示的面板中设置端口，端口默认为9000，我们在

php.ini

中配置的多少这里就设置是多少!

如图：

2.

打开

File--->Settings--->Languages & Frameworks(语言与框架中)--->PHP---->Debug---->DBGp Proxy

在 DBGp Proxy 配置

IDE key 就是php ini文件中的 IDE key （php ini文件中没有也没关系）

如图：

3.配置php->server

四.浏览器安装xdebug插件

在浏览器扩展搜索安装 xdebug

基础操作不做演示(谷歌可能需要魔法)

安装完成以后 如下图

选择在工具栏中显示 选完后如下图 这样基本就大功告成了

五.phpstorme运行

        所有配置完成后，在phpstorme开启debug侦听，打上断点，运行程序，便可进行调试

        

        若全部配置成功，运行程序后则会出现调试具体信息，然后根据需求依次点击蓝色向上向下箭头调试即可