PHPStorm+Xdebug+PHPStudy搭建调试环境

1、配置PHPStorm 

打开PHPStorm——File——Settings

PHPStorm+Xdebug+PHPStudy搭建调试环境_第1张图片

首先配置好PHP版本,然后打开PHP——Debug,配置端口号,默认9000(注意:这里的端口号需要与php的配置文件php.ini中配置的一致,后面会讲到)

PHPStorm+Xdebug+PHPStudy搭建调试环境_第2张图片

配置监听,这里配置的是你服务启动的端口号,博主这里启动的服务端口号是1234,大家根据个人项目进行配置,注意这个IDE key,记下来后面会用到 

PHPStorm+Xdebug+PHPStudy搭建调试环境_第3张图片

配置debug server

PHPStorm+Xdebug+PHPStudy搭建调试环境_第4张图片

PHPStorm+Xdebug+PHPStudy搭建调试环境_第5张图片

好了phpstorm的配置已经完成。

2、配置PHPStudy

首先打开xdebug扩展

PHPStorm+Xdebug+PHPStudy搭建调试环境_第6张图片

打开php配置文件php.ini,拖到最后我们可以看到已经添加上xdebug的一些配置

PHPStorm+Xdebug+PHPStudy搭建调试环境_第7张图片

注意:可以看到开启扩展后,xdebug.remote_port配置的端口号默认是9000,这里可以根据个人需求更改(如更改端口号,PHP storm上也需统一更改)

除了这些默认配置,我们还需配置如下内容:

PHPStorm+Xdebug+PHPStudy搭建调试环境_第8张图片

注意:这里的xdebug.idekey是不是很熟悉,就是上面配置PHP storm的idekey,两者需要一致。

到这phpstudy也配置好了。

3、谷歌浏览器安装Xdebug helper扩展

Xdebug helper下载地址

如何谷歌浏览器安装扩展这里就不多说了,很简单,安装后会出现小虫的图标,点击选项

PHPStorm+Xdebug+PHPStudy搭建调试环境_第9张图片

PHPStorm+Xdebug+PHPStudy搭建调试环境_第10张图片

到这我们即可以返回到PHP storm,开始进行断点测试,断点测试前,可以进行xdebug的验证是否配置成功,可以点击phpstorm菜单栏上Run——Web server DebugValidate,测试一下是否配置成功

PHPStorm+Xdebug+PHPStudy搭建调试环境_第11张图片

PHPStorm+Xdebug+PHPStudy搭建调试环境_第12张图片

如果看到这个结果,说明配置成功了。

打开phpstorm监听

代码打上断点,打开浏览器的xdebug

PHPStorm+Xdebug+PHPStudy搭建调试环境_第13张图片

浏览器访问项目地址,断点进来了

你可能感兴趣的:(PHP,php)