具体过程：

1. 服务器端（本地调试的情况下就是在本机）安装好XAMPP，停止apache服务（注意，如果直接退出XAMPP，是不会停止apache的）
2. 在安装目录下找到php.ini，类似于D:\xampp\php\php.ini，并打开
3. 找到被注释掉的项目并按如下设置：
   1. zend_extension ="D:\xampp\php\ext\php_xdebug.dll"(根据实际情况确定)
   2. xdebug.remote_enable =1
   3. xdebug.remote_handler ="dbgp"
   4. xdebug.remote_host ="localhost"
   5. xdebug.remote_mode ="req"
   6. xdebug.remote_port =9000

   其中remote_host 是指调试客户端的地址，即IDE所在的IP，同理remote_port 是客户端的端口，这两项在远程调试的情况下注意修改

4. 保存文件，打开apache，这时候在CMD里输入 D:\xampp\php\php.exe -m 看到XDebug，说明开启成功。至此，服务器端配置完毕
5. 下面是客户端调试，打开phpStorm，进入File>Settings>PHP>Servers，这里要填写服务器端的相关信息，name填localhost，host填localhost，port填80，debugger选XDebug
6. 进入File>Settings>PHP>Debug，看到XDebug选项卡，port填9000，其他默认
7. 进入File>Settings>PHP>Debug>DBGp Proxy，IDE key 填 phpStorm，host 填localhost，port 填80
8. 点OK退出设置。
9. 打开浏览器，如果是用chrome或者Firefox可以找到对应的XDebug工具，工具的设置里的IDE KEY填上phpStorm，把localhost加入到白名单，以后调试的时候把工具启用就好了。如果是用其他浏览器，可以访问http://www.jetbrains.com/phpstorm/marklets/，在右边填上phpStorm，点generate，把下面的链接添加到收藏夹，方便调用。
10. 在phpStorm里打开监听，就是一个电话一样的按钮。点击配置按钮左边的按钮 进行监听 如图中绿色的电话形状的按钮即表示服务器已经处于监听状态  ...这一部很关键
11. 在浏览器里打开XDebug工具，访问localhost，与phpStorm连接成功！