PhpStorm+phpstudy 配置xdebug动态调试

1、安装Phpstudy ,搭建好一个网站

(1)这个不必多说,直接在百度phpstudy,去官网下相应的版本就好了
在这里插入图片描述
在这里插入图片描述
(2)我这边也是下了一个
在这里插入图片描述
我这边以搭建xhcms为例,基本的搭建这里不赘述,自行百度
在这里插入图片描述
确保你搭建的这个网站能正常打开,不要打都打不开还玩个蛇,这是我搭建的xhcms,访问如下:
在这里插入图片描述

2、配置Phpstudy

接下来跟着操作就完了

找到你刚刚配置的网站所用的php版本,设置,扩展组件
在这里插入图片描述
然后再点开PHP study的安装位置,查看这个php版本的php.ini文件
在这里插入图片描述
打开,滑到最下面,可以看到多了一个Xdebug模块,这是刚刚开启那个xdebug这边自动生成的
在这里插入图片描述
phpstudy这边就配置好了,接下来就phpstorm了

3、安装PhpStorm

这个安装也不需要多说了吧

直接在官方网站安装就好了,唯一需要注意的就是破解了,这个需要你自己去百度,网上教程很多,实在不行自己去淘宝买一个好了,几块钱,便宜得很。

官网地址:PhpStorm中文网 下载 高效智能的 PHP IDE (p2hp.com),这是我安装的,把你刚刚那个项目导进去
在这里插入图片描述

4、配置phpstorm

(1)第一步
点上面的文件,设置,或者直接按住ctrl+alt+s,直接调出设置,点击PHP,可以看到进行相应的PHP版本选择,需要注意的是,这里一定要选择和你刚刚phpstudy里面那个项目所对应的php版本号,如果不对应可能会有问题,这个我没试过,你可以试一下。
在这里插入图片描述
这个CLI解释器可以点击右边的三个点进去,选择相应的版本
在这里插入图片描述
再点击下面的应用

(2)第二步
点击服务器
在这里插入图片描述
(3)第三步
这一步就是配置跟刚刚那个php.ini那个配置文件所对应的一模一样,直接从里面复制过来
在这里插入图片描述
(4)第四步
最后一步了,配置需要调试的项目,点击编辑配置
在这里插入图片描述
点击+号
在这里插入图片描述
然后完事之后要进行验证
在这里插入图片描述
点击完验证之后就可以看到如下界面
在这里插入图片描述
到这里就配置完了。接下来就可以进行debug调试了

注意!!!
这里一定要注意,我之前一直被困在这一步,原因是我的那个文件夹设置了只读模式,就是不允许写文件,所以就一直验证没通过。在这一步浪费了好多时间。哎!错误提示如下:

在这里插入图片描述
修改一下www这个文件夹的权限就好了,就是允许当前用户,也就是你电脑当前所登入的用户能进行读写权限就好了。

5、动态调试

在这里插入图片描述
就会显示如下界面
在这里插入图片描述
然后访问一下刚刚phpstudy搭建的那个项目,插件开启调试模式,这个xdebug这个插件Google浏览器的话是需要翻墙进行下载安装,这个自行下载
在这里插入图片描述
再回到phpstorm里面,我们可以发现如下
在这里插入图片描述
然后我们也可以到浏览器中可以看到我们访问的网站也一直在转圈圈,这就说明是在一直等待着调试
在这里插入图片描述
到这里,所有的配置演示就全部结束了。

代码审计玩起来吧!!

嘿嘿,加油!

  • 10
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
本地环境的搭建和配置是进行开发工作的基础,以下是xampp、phpstormxdebug和chrome的配置和断点调试的步骤: 1. 安装和配置XAMPP: - 下载并安装XAMPP,它是一个集成了Apache、MySQL和PHP的开发环境。 - 打开XAMPP控制面板,启动Apache和MySQL服务。 - 在浏览器地址栏输入localhost,确认XAMPP是否正常运行。 2. 安装和配置PHPStorm: - 下载并安装PHPStorm集成开发环境。 - 打开PHPStorm,创建或导入你的项目。 - 在设置中的PHP选项中配置PHP可执行程序路径,选择XAMPP中的php.exe文件。 - 配置项目的运行/debug配置,选择Xdebug作为调试引擎。 3. 配置Xdebug: - 打开xampp\php\php.ini文件,在文件末尾添加以下代码: ``` [Xdebug] zend_extension = path_to_xampp\php\ext\php_xdebug.dll xdebug.remote_enable = 1 xdebug.remote_handler = dbgp xdebug.remote_host = localhost xdebug.remote_port = 9000 ``` 4. 配置Chrome浏览器: - 在Chrome浏览器中安装Xdebug Helper插件。 - 点击插件图标,选择设置,将IDE Key设置为PHPStorm。 - 启用Xdebug Helper插件,并确保它为绿色以表示调试已启动。 5. 调试代码: - 在PHPStorm中设置断点,可以通过点击代码行号来设置断点。 - 在Chrome浏览器中访问你的网页应用。 - 当代码运行到断点处时,PHPStorm会自动跳转到调试模式并在IDE中显示当前状态。 - 你可以使用PHPStorm调试工具栏来控制代码的执行、查看变量的值以及观察程序的执行流程。 通过以上步骤,你可以在本地环境中使用XAMPP、PHPStormXdebug和Chrome进行代码的断点调试。你可以设置断点、监控变量的值,以及通过PHPStorm调试工具栏控制代码的执行流程,这将有助于你更有效地调试和排除代码中的问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值