PHPStorm 实现单步跟踪

最近和小伙伴志平在做一个比赛项目，主要用 PHP 来实现，其中有用到比较复杂的算法（多目标优化），今晚算法出了问题 :sweat:，志平希望能够像大一用 Visual Studio 那样 ****单步跟踪**** 的调试，于是我今晚尝试了一下，在 PHPStorm 里配置 单步跟踪。

环境

• Homestead
• PHPStorm2017
• PHP7.0
• Chrome

Homestead中配置Xdebug

1. 使用 vagrant up 启动你的 Homestead
2. 命令行下 sudo vi /etc/php/7.0/fpm/conf.d/20-xdebug.ini (注意你的 php 版本和对应的文件夹)
3. 复制以下内容进去

zend_extension=xdebug.so
xdebug.remote_enable = 1
xdebug.remote_connect_back = 1
xdebug.remote_port = 9000
xdebug.scream=0 
xdebug.cli_color=1
xdebug.show_local_vars=1

4. 保存这个文件（如果这个文件不存在的话，这样建立一个软连接过来 sudo ln -s /etc/php/7.0/mods-available/xdebug.ini /etc/php/7.0/fpm/conf.d/20-xdebug.ini ），如果你还不明白软连接，可以参考 软连接
5. 重启 php7.0-fpm ：sudo service php7.0-fpm restart

Chorme中安装Xdebug helper

1. 安装chrome扩展 Xdebug helper

2. 进入 Xdebug hepler 的配置选项中，选择 IDE key 为 PHPStorm

   
   file

3. 把扩展调整为 debug 模式，如图

   
   file

配置你的PHPStorm

1. 打开你的 PHPStorm 并设置一个测试断点。如图

   
   file

2. 打开 PHPStorm 中的 右上角小电话，即可开始监听断点。如图

   
   file

3. 最后设置一些你的项目目录，就是你的项目目录对应你映射到 Homestead 的目录

   
   file

4. 配置你的 Server （比如你想从哪个url开始跟踪）

   
   file

5. 点击 PHPStorm 右上角小甲虫，你就会发现弹出了个对话框并且已经开始调试了

   
   file

最后

1. 好了，如果你看到这里，你的 PHPStorm 应该已经有了 单步跟踪 的新功能啦～，让我们来看下效果，如图
   file

2. ​就是这么简单的操作～，想要随时随地调试你的页面的小伙伴搞起来啦～。突然想起今天志平要的接口还没完成 :sweat_smile: ，管他呢，睡个好觉先。

   
   file