PhpStorm使用之 —— Xdebug断点调试

PhpStorm使用之 —— Xdebug断点调试

在《XAMPP的配置与使用》中已经阐述了Xdebug插件的配置，Xdebug配置完成后，只需要在IDE工具中进行相关设置，便可启动Xdebug插件工具对代码（这里主要是php代码）进行调试。我所使用的IDE工具是PhpStorm（ PhpStorm-2016.3.2.exe【提取码：m0l8】license server: http://idea.imsxm.com）

工欲善其事，必先利其器。

——《论语》

接下来将通过一个具体的实例揭开Xdebug神秘的面纱。

这里假设已经安装完成PhpStorm，并已获取License授权，下面将逐步完成整个Debug过程。

1. 首先打开软件，在右上角找到这个红色区域，

---

2. 然后点击下拉按钮，选择Edit Configurations，出现以下弹窗，从左侧Defaults下拉选项中点击选中PHP Web Application，

---

3. 然后编辑域名等信息：

---

4. 完成后可以看到下面的界面：

---

5. 点击OK，于是在PhpStorm的右上角可以看到发生了变化：

---

6. 接下来，可以点击那个绿色的虫子进行调试，在这之前，需要在代码编辑区中添加断点，

---

7. 添加完断点，点击那只绿色的肥虫之后，就会自动打开并跳转到浏览器，

---

8. 并且可以看到PhpStorm有情况提示，这是执行到了断点啦，

---

9. 值得一提的是，在PhpStorm软件的下方控制台这里，包含一些很有用的调试信息：

---

10. 具体调试有两个地方特别重要，故单独截图出来，

---

Xdebug的调试的确很简单，但是也十分强大，尤其是其变量的实时监控功能，可以让我们看到想要观察的变量或数据。