2021最新PhpStorm+wamp+Xdebug调试wordpress

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过程中遇到困难,可以免费通过以下公众号进行咨询。
摘自:https://blog.csdn.net/Rm_and_Rf/article/details/117457131