安装 visual studio code 和 phpstudy

安装好 vscode 安装两个插件

• Intelephense可有可无，是 PHP代码提示工具，支付代码提示、查找定义、类搜索等功能

  
  image.png

• 装完插件，然后配置插件：File--Preferences--Settings--Extensions--PHP

  
  image.png

• 写入你要用的php版本所在位置

  
  image.png

配置 phpstudy 环境

• 选择对应的版本

  
  image.png

• 之后点击旁边的设置，打开扩展组件，做如下的配置，我用的调试端口是9000，然后点确定：

  
  image.png

• 打开7.1.9的php.ini

  
  image.png

• 做了如上的配置后，在php.ini文件中就有Xdebug的内容

  
  image.png

• 切记配置文件中xdebug.remote_enable=Off需要改为On，添加一行配置：xdebug.remote_autostart = On

  
  image.png

• 保存以后重启 phpstudy

设置 vscode

• 填上xdebug的端口

  
  image.png

{
    "name": "listen for XDebug",
    "type": "php",
    "request": "launch",
    "port": "9000"
},
{
    "name": "launch currently open script",
    "type": "php",
    "request": "launch",
    "program": "${file}",
    "cmd": "${fileDirname}",
    "port": "9000"
}

• 打断点，F5启动debug，访问打断点页面

  
  image.png