VScode+Live Service+Five Service实现php实时调试

要在VS Code中使用Live Server和Five Server进行PHP实时调试，你需要在VS Code中安装相应的插件，并进行配置。

1. 安装插件：

   • Live Server：通过扩展商店搜索并安装Live Server插件。
   • Five Server：通过扩展商店搜索并安装Five Server插件。

2. 配置Live Server：

   • 打开VS Code，在项目目录中，右键点击你的PHP文件，选择“Open with Live Server”。

   • 你也可以在VS Code中打开settings.json文件，添加以下配置来改变默认端口：

     
     
     
     "liveServer.settings.port": 5500

3. 配置Five Server：

   • 在项目目录中打开终端。
   • 运行fiveserver命令启动服务器，默认情况下，它会在5500端口上运行。

   • 如果需要，可以在终端中指定不同的端口：

     
     
     
     fiveserver -p 8080

4. 设置launch.json进行调试：

   • 在VS Code中打开调试面板（Ctrl+Shift+D）。
   • 点击“创建launch.json”，选择“PHP”。

   • 修改生成的launch.json文件，配置XDebug相关参数，例如：

     
     
     
     {
       "version": "0.2.0",
       "configurations": [
         {
           "name": "Listen for XDebug",
           "type": "php",
           "request": "launch",
           "port": 9000
         }
       ]
     }

5. 配置php.ini：

   • 修改php.ini文件，启用XDebug扩展，并设置监听端口和IDE关键字：

     
     
     
     zend_extension=xdebug.so
     xdebug.mode=debug
     xdebug.start_with_request=yes
     xdebug.client_port=9000
     xdebug.client_host=localhost
     xdebug.idekey=vscode

完成以上步骤后，你可以在VS Code中启动调试会话，并通过Five Server或Live Server打开你的PHP文件，进行实时编辑和调试。记得在修改文件后刷新浏览器页面以查看更改。