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. 在 PHPStorm 右上角选择刚刚新建的 Server，如图

   
   
   

   file

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

   
   
   

   file

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

   
   
   

   file

最后

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

   file

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

   
   
   

   file