mac OS X下PhpStorm+MAMP PRO+Xdebug+Chrome集成开发和断点调试环境配置

本文详细介绍了在macOS环境下使用PhpStorm、MAMPPRO、Xdebug和Chrome搭建PHP集成开发和断点调试环境的过程。从软件安装、配置到调试,提供了全面的指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

mac OS X下PhpStorm+MAMP PRO+Xdebug+Chrome集成开发和断点调试环境配置

一、环境及软件
1、macbook pro
2、Phpstorm
3、MAMP PRO
4、Chrome

二、环境搭建
1、PhpStorm导入项目
下载PhpStorm并安装,网上随便找个注册码即可破解,安装后打开界面选择ToolBar → VCS → Checkout from Version Control → Git,填写Git Repository URL,选择项目存放目录,点击Clone完成代码拷贝。

2、MAMP PRO配置Hosts
下载MAMP PRO并安装,网上随便找个注册码即可破解,安装后打开界面切换到MAMP PRO的Hosts Tab,点击左下角的“+”号添加host,填写Server name及选择项目文件目录,就完成了host的配置
在这里插入图片描述
3、MAMP PRO配置Debugger
切换到PHP Tab,将Debugger项打上勾,打上勾,打上勾,重要的事情说三遍(默认没打勾,我一开始没注意到这个选项,导致弄了半天还是没搞定,就是因为遗忘这最关键的步骤 T T),如下图所示
在这里插入图片描述

4、修改php.ini文件中的配置
MAMP PRP → File → Edit Template → PHP → PHP 7.1.12 php.ini(与上图所选的php版本一致),打开文件后拉到最后可以看到[xdebug]的配置块

[xdebug]
MAMP_Xdebug_MAMP
xdebug.remote_enable=1
xdebug.remote_host=localhost
xdebug.remote_port=9000
xdebug.remote_autostart=1
xdebug.idekey=“PHPSTORM”

增加一项xdebug.idekey=“PHPSTORM”,该配置跟之后PhpStorm中的配置有关系,其他不需要修改,重启MAMP PRO

5、PhpStorm Xdebug端口及Server配置
Preferences(command+,)→ PHP → Debug → Xdebug → Debug port修改为9000(一般默认就是9000,不需要修改,这配置项与php.ini中的xdebug.remote_port=9000保持一致)
在这里插入图片描述

然后点击右上方的倒三角Edit Configurations
在这里插入图片描述1)选择PHP Web Page,选择Server及Browser
在这里插入图片描述
2)添加server
在这里插入图片描述
6、Chrome添加Xdebug helper插件
安装插件后设置IDE key = PHPSTORM 即与php.ini中xdebug.idekey="PHPSTORM"保持一致
在这里插入图片描述
在这里插入图片描述

7、调试
1)激活PhpStorm的“Start Listen for PHP Debug Connections”按钮(右上角Debug区类似电话的图标,带红色禁止小圆圈表示未激活,变绿表示正在监听)
2)设置断点
3)点击爬虫按钮开始debug状态
4)浏览器会开始弹窗等待调试会话,按F7便可逐行进行断点调试,再也不需要echo或者print_r这样繁琐的打印调试了
在这里插入图片描述

本地环境的搭建配置是进行开发工作的基础,以下是xampp、phpstormxdebugchrome的配置断点调试的步骤: 1. 安装配置XAMPP: - 下载并安装XAMPP,它是一个集成了Apache、MySQLPHP的开发环境。 - 打开XAMPP控制面板,启动ApacheMySQL服务。 - 在浏览器地址栏输入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、PHPStormXdebugChrome进行代码的断点调试。你可以设置断点、监控变量的值,以及通过PHPStorm调试工具栏控制代码的执行流程,这将有助于你更有效地调试排除代码中的问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值