1、安装好的wampServer
2、安装好的PHPStorm
3、使用wampServer自带的PHP环境和Xdebug
步骤一、
使用PHPStorm打开www文件夹
或者在PHPStorm页面打开www文件夹
步骤二、
点击file下的settings，或者Ctrl+Alt+S
PHPStorm版本低的在Languaes & Frameworks下点击PHP，PHPStorm版本高的PHP排在settings的第一位。点击PHP之后如下图，快捷键Shift+Entert弹出CLI Interpreters界面。
如下图，如果显示有的话就直接选择，没有的话，点击Orther Local，到下一步
添加CLI Interpreters，选择PHP executable，选择wamp安装目录下的bin下的PHP，点击Apply
添加好CLI Interpreters之后点击Apply
然后点击修改php.ini，配置Xdebug
将以下的配置粘贴到php.ini里面，修改zend_extension路径为自己PHP对应版本里面zend_ext下的xdebug，然后保存
[XDebug]
zend_extension="D:\wamp\bin\php\php7.0.10\zend_ext\php_xdebug-2.4.1-7.0-vc14.dll"xdebug.remote_enable = on
xdebug.remote_handler = dbgp
;以下idekey、remote_host 、remote_port 三个参数必须和PHPstorm里面的配置一致
xdebug.idekey = PHPSTORM
xdebug.remote_host = localhost
xdebug.remote_port = 9001
;设置显示最大的子节点数
xdebug.var_display_max_children=128
;设置显示最大的字节数
xdebug.var_display_max_data=512
;设置显示最大得层级（深度）
xdebug.var_display_max_depth=15
步骤三、
运行Wamp，左键点击warmp图标，进入php.ini，没有以上信息的就添加，有的就修改和上图的一致
步骤四、
修改Debug下Xdebug的端口、设置DBGp Proxy
步骤五、
Add Configuration
添加一个PHP Web Page
配置PHP Web Page，点击Apply
配置Server，点击Apply
配置入口地址，要求你点击下面的蓝色标签可以跳转到站点首页，点击Apply
步骤六
愉快的调试，调试快捷键根据个人喜好在settings里面设置keymap
PS:如果在开发wordpress主题或者使用wordpress过程中遇到困难，可以免费通过以下公众号进行咨询。
最后的最后，求求了，给我点个赞吧~