phpstorm调试php配置,PhpStorm配置Xdebug调试WordPress

PhpStorm配置Xdebug之我的理解

Nginx将root指向PhpStorm的工作目录，

因为自己之前都是Java写的多，用的IDE是IntelliJ IDEA，虽然跟PhpStorm是一家，但是配置的还是很不一样的，这也是我为什么搞了一晚上没成功的主要原因

..我一直以为PhpStorm也是通过本身搭建一个服务器(Local Server)，然后直接运行，就能调试了。然而并不是，它是通过Nginx发布的网站服务，监听浏览器的事件实现的调试，我后来发现根本不需要运行PhpStorm。。

心好累，我只是想调试下我的WordPress主题

下面记录下自己的配置过程，给PHP小白一个参考~

配置Xdebug

Xdebug下载地址为https://xdebug.org/download.php，直接下载自己PHP对应的版本即可~下载后是一个dll，将它拷贝到PHP的安装目录下的ext文件夹中，在php.ini增加如下配置：

[xdebug]

zend_extension=F:\php\php7\ext\php_xdebug.dll

xdebug.remote_enable=1

xdebug.idekey=PHPSTORM

xdebug.remote_host=localhost

xdebug.remote_port=9008

可以配置的参数很多，我这里只是简单配置一下，Xdebug的全部配置参数可以参考官方介绍：https://xdebug.org/docs/all_settings。

配置PhpStorm

1.新建一个PHP Empty Project(如果此时Interpreter下拉框中没有则跳过，后面会配置)：

2.将你的WordPress文件全部拷贝至PhpStorm的项目目录下：

3.Ctrl+Alt+S进入设置界面(或者File->Settings)，在Languages&Framewords中点击PHP，点击CLI Interpreter右边的三个点的图标进入设置界面。添加一个Interpreter，在PHP executable中选择你php.exe路径，如果此时下面显示Debugger: Xdebug 2.6.0beta1(对应你安装的Xdebug版本)，则表示你已经安装成功Xdebug，如果没有则去第一步看看哪里有问题：

4.打开PHP标签，在Debug标签中修改Xdebug对应的端口(与你之前配置的端口一致)：

5.在PHP标签下的Servers标签中新建一个Server，对应的Host和Port则是你Nginx发布的网站的Host和Port：

6.打开刚刚的Debug标签，选择DBGp Proxy，填写对应的信息，Port为你Nginx的端口，Key是PHPSTORM：

配置浏览器

我用的是Chrome，用的插件是Xdebug heper，直接安装即可~不过可能要

开启Xdebug

包括PhpStorm中开启，即开启监听：

，打开这个监听按钮，变成绿波则表示正在监听。已经Chrom中开启，选择Debug模式：

。

至此，你的PhpStorm配置Xdebug调试WordPress就已经全部搞定了~在PhpStorm中设置个断点，再刷新下浏览器，就会发现进入调试模式了~