搭建PHP环境（XAMPP+PhpStorm），并设置断点调试（XDebug+Chrome）

我就是我 2022-05-20 02:51 540阅读 0赞

一、安装PhpStorm
官网：jetbrains官网

二、安装XAMPP
网址：XAMPP

如图所示：默认情况下，Server里面全部选中，由于本人电脑上已经安装过MySQL，因此这里取消了MySQL选项。本人的安装路径是F:\software；
这里写图片描述

安装之后的界面如下：
这里写图片描述

三、安装XDebug
3.1 确定需要的XDebug版本
3.1.1 启动XMAPP的Apache
这里写图片描述

3.1.2 浏览器输入http://localhost/dashboard/phpinfo.php
这里写图片描述

3.1.3 进入网址后右键-查看源码，将源码全部复制到https://xdebug.org/wizard.php；
这里写图片描述

3.1.4 分析后的结果，显示出了对应的XDebug版本，及相关操作
这里写图片描述

3.2 安装3.1.4的分析结果，下载XDebug，并将其复制到F:\software\xampp\php\ext文件夹下。

3.3 修改xmapp的php.ini文件，在php.ini末尾加入以下内容

[XDebug]
zend_extension = "F:\software\xampp\php\ext\php_xdebug-2.6.0-7.2-vc15.dll"
xdebug.profiler_append = 0
xdebug.profiler_enable = 1
xdebug.profiler_enable_trigger = 0
xdebug.profiler_output_dir = "F:\software\xampp\tmp"
xdebug.profiler_output_name = "cachegrind.out.%t-%s"
xdebug.remote_enable = On
xdebug.remote_handler = "dbgp"
xdebug.remote_host = localhost
xdebug.remote_mode = "req"
xdebug.remote_port = 9000
xdebug.trace_output_dir = "F:\software\xampp\tmp"
xdebug.remote_log = "F:\software\xampp\log"
xdebug.idekey= PHPSTROM

3.4 重启Apache，检查是否安装成功，网址http://localhost/dashboard/phpinfo.php上显示如下即成功
这里写图片描述

四、配置PhpStorm
4.1 进入File>Settings>PHP，CLI Interpreter填选F:\software\xampp\php\php.exe
这里写图片描述

4.2 进入File>Settings>PHP>Servers，这里要填写服务器端的相关信息，name填localhost（随意填写），host填localhost，port填80，debugger选XDebug
这里写图片描述

4.3 进入File>Settings>PHP>Debug，看到XDebug选项卡，port填9000（与XDebug中配置的端口一致），其他默认
这里写图片描述

4.4 进入File>Settings>PHP>Debug>DBGp Proxy，IDE key 填 PHPSTORM，host 填localhost，port填9000
这里写图片描述

4.5 验证XDebuger的安装，进入File>Settings>PHP，点击Validate
这里写图片描述

4.6 进入如下页面，其中Path to create validation script选项填写F:\software\xampp\htdocs；Url to validation script选项填写http://localhost:80，成功后的界面如下
这里写图片描述

五、配置Chrome，配置Xdebug helper
5.1 直接在chrome://extensions/中获取更多扩展程序进行下载，由于本人无法翻墙，此方法行不通

5.2 下载Xdebug helper；
网址：Chrome插件网

5.3 把Xdebug helper程序加载到Chrome，直接将下载的crx文件拖到chrome://extensions/页面即可，具体参考怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件？

5.4 在chrome://extensions/页面，点击Xdebug helper扩展程序下的“选项”
这里写图片描述

5.5 设置IDE key 为PhpStrom
这里写图片描述

六、新建项目并部署
6.1 项目存放在F:\software\xampp\htdocs目录下
这里写图片描述

6.2 点击 Edit Configurations，Server选项选择test服务器，Start URL选项填写/test/index.php
这里写图片描述

6.3 开启监听模式
这里写图片描述

6.4 点击debug，运行成功
这里写图片描述

发表评论取消回复

表情：

评论列表（有 0 条评论，540人围观）

还没有评论，来说两句吧...

相关阅读

相关搭建本地PHP 8环境并配置Nginx

在本篇文章中，我们将介绍如何在Windows操作系统上搭建本地的PHP 8环境，并配置Nginx作为Web服务器。我们将逐步指导您完成安装和配置的过程，并提供相应的源代码供参考

Dear 丶/ 2024年02月29日 07:41/ 0 赞/ 120 阅读

相关 phpstorm+Xdebug断点调试PHP

前言：何为DEBUG？相信很多程序员都知道debug这个单词，也明白它的意思，但是对于这词的由来，恐怕少有人知道。关于debug的由来，要追溯到1937年。1937年，

电玩女神/ 2023年10月17日 17:23/ 0 赞/ 153 阅读

相关 Linux安装PHP 7并搭建环境

1、依次执行以下三条命令安装PHP和一些所需的扩展 rpm -Uvh https://mirror.webtatic.com/yum/el7/epel-rele

冷不防/ 2023年07月17日 06:50/ 0 赞/ 60 阅读

相关 php配置xdebug断点调试

环境：mac 10.15.4 zcm@zcmdeMacBook-Pro 20190902 % php -v PHP 7.4.9 (cli) (built: A

我就是我/ 2022年12月01日 05:20/ 0 赞/ 285 阅读

相关 Eclipse for php + Xdebug搭建PHP的调试环境

转自：[http://blog.csdn.net/zztfj/article/details/18750295][http_blog.csdn.net_zztfj_articl

落日映苍穹つ/ 2022年10月02日 14:44/ 0 赞/ 215 阅读

相关 PHP环境搭建

在搭建PHP环境的过程中遇到不少坑，在这里记录下来，方便自己复习以及后来者。 Apache安装过程下载安装过程参考 [如何从Apache官网下载windows版a

心已赠人/ 2022年09月24日 05:15/ 0 赞/ 298 阅读

相关调试：设置断点

程序编写程序： include <stdio.h> int main(int argc, char argv) {

深碍√TFBOYSˉ_/ 2022年08月31日 01:59/ 0 赞/ 145 阅读

相关 windows环境phpstorm调试环境搭建

一：安装设置xdebug 这个一般有两个步骤1：浏览器的xdebug插件安装，一般用firefox的插件，chrome好像不太好使，chrome安装后的

偏执的太偏执、/ 2022年08月06日 17:29/ 0 赞/ 305 阅读

相关 PHP环境搭建

前提示时间一个博友，建议我提供PHP开发环境的搭建文章。当然我们一般在windows平台下开发的居多，那么，今天我就在Windows平台下搭建PHP的调试和开发环境。如果

Bertha 。/ 2022年07月17日 03:20/ 0 赞/ 340 阅读

相关搭建PHP环境（XAMPP+PhpStorm），并设置断点调试（XDebug+Chrome）

一、安装PhpStorm 官网：[jetbrains官网][jetbrains] 二、安装XAMPP 网址：[XAMPP][] 如图所示：默认情况下，Server里

我就是我/ 2022年05月20日 02:51/ 0 赞/ 541 阅读