配置:{"name": "Listen for XDebug","type": "php","request": "launch","stopOnEntry":false,"localSourceRoot": "E:\\code\\juche\\anjie\\public","serverSourceRoot": "/code/juche/anjie/public","port": 9000} localSourceRoot:本地文件serverSourceRoot:服务器代码调试步骤: 1、打上断点 2、按F5开启监听 3、http请求到达断点原文:https://www.cnblogs.com/shiwenhu/p/9052240.html
代码调试,是我们前端日常工作中不可或缺的能力了吧!在面向dom开发的时代,我们开发时直接在chrome里打断点是很方便的。
但是,当我们面向组件开发时(react),浏览器拿到的是我们编译过后的代码,还想在浏览器里打断点几乎是不可能的了。
场景
那怎么办,方法总是比困难多!愚蠢的我想到了console/debugger!!一直在使用,虽然很不方便(打印太多实在太乱!上线还要配置删除掉),但是我竟然使用了很久(这真是一个糟糕的编码习惯...
虽然说echo和print_r是公认的最实用的调试工具,但是效率真的没有可视化的直接断点那么高。这里简单介绍如果安装及配置xdebug for vscode
一、PHP环境处的配置
1、编译安装
下载及编译php,因为我所在的公司php版本是5.4的,所以去xdebug官网上选了相对比较底的版本.您也可以根据你们的实际情况下载相应的xdebug版本:https://xdebug.org/download.php
wget https://xdebug.org/files/xdebug-2.4.1.tgz
tar -xvf xdebug-2.4.1.tgz
c...
代码调试,是我们前端日常工作中不可或缺的能力了吧!在面向dom开发的时代,我们开发时直接在chrome里打断点是很方便的。
但是,当我们面向组件开发时(react),浏览器拿到的是我们编译过后的代码,还想在浏览器里打断点几乎是不可能的了。
场景
那怎么办,方法总是比困难多!愚蠢的我想到了console/debugger!!一直在使用,虽然很不方便(打印太多实在太乱!上线还要配置删除掉),但是我竟然使用了很久(这真是一个糟糕的编码习惯...
PHP开发环境(XAMPP+XDebug+VSCode)搭建
XAMPP
当年一开始学习PHP的时候就是用的xampp傻瓜式一键安装PHP开发环境,这么多年过去了,这个工具依然好用。这个程序会把apache/PHP/Mysql打包安装,如果你不想折腾的话,强烈建议使用。下载
XAMPP的官网是https://www.apachefriends.org/zh_cn/index.html
安装包托管网站是https://sourceforge.net/projects/xampp/files/,有各种平台的安装包。
这里提供一个上传到百度盘的最新windows安...
如果php.ini配置没错,且端口无误,那么就可能是配置文件选错了。
vscode里面有两个配置文件,一个是 Listen for xdebug ,一个是 Lanuch currently open script。如果总是出现 断点不起作用,LOG提示 Time-out connecting to client ,那么就是配置文件选错了。 你应该选择 Lanuch currently open script,这个就是对的。x1
>
<
>>
<<
O?
x1
首先推荐三个在vscode上开发PHP的插件PHPDebug 用于调试php,这里主要指打断点、F5等操作。xdebug是跟踪、调试和分析PHP程序的运行状况PHP IntelliSense 是php的函数智能提示功能php cs fixer 可以对代码进行格式化,支持PSR规范
下载XDebug https://xdebug.org/download.php
windows上
找到pnp.ini [XDebug]
zend_extension=php_xdebug.dll
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
xdebug.remote_handler...
在当前工程下,添加一个 .vscode/launch.json 文件
{// Use IntelliSense to learn about possible attributes.// Hover to view descriptions of existing attributes.// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{"type": "node","request": "launch","name": "Launch Program","cwd": "${workspaceRoot}","skipFiles": ["<node_internals>/**"],"r...
需求
VScode - PHP - xdebug环境安装
环境:xampp+php7.3.9
步骤
xampp的php目录加入环境变量,这样的话在cmd可以随时调用
命令行下使用PHP -i 输出 phpinfo()内容xDebug 下载 链接:https://xdebug.org/download.php
如果你不知道如何下载对应的xdebug版本
复制你的phpinfo()内容到这个网页中,自动帮你分析如何下载以及安装
https://xdebug.org/wizard例如我的,然后跟着这个向导安装即可最后在你的php.ini 文件中加入配置文件即...
打debug还是很有必要的,以前嫌麻烦,现在觉得,通过debug可以看自己写的代码的执行的逻辑,更容易理清别人代码的逻辑。
下载插件:
2,查看自己的php版本所需的xdebug版本
打印phpinfo,随便写个方法在浏览器访问,就可以拿到phpinfo信息
当年自己搞了半天都不知道怎么获取phpinfo
用自己的域名,写个方法请求就可以了
一下是phpinfo的信息
根据自己的php版本下载xdebug,我的是php7.3 , 64位 ,线程安全版NTS...
有关如何使用VSCode在Vagrant(Homestead)上设置XDebug的指南
版本:
> PHP 7.1> VSCode 1.16.1> XDebug 2.5.5> Vagrant 1.9.8解决方法:本指南基于Vagrant(Homestead 6),PHP 7.1,Xdebug 2.55,VSCode. Homestead使用Ubuntu 16.04
>安装Vagrant>向Vagrant添加Homestead盒子.你可以找到更多关于Laravel Homestead的信息> Homestead文件夹有after.sh,将这些LINES复制到after.sh到在初始化vagrant之后安装xdebug.>别忘了在Homestead.yaml...
在过去的6个月中,我一直在使用XDebug和PHP Version 7.0.*在远程调试Docker容器的MAC上.
我正在运行一个旧版本的docker,它使用VirtualBox到VM for docker,一切正常.
我最近更新了docker到版本17.03.1并且除了xDebug之外什么都没有.我通过他的存储库上的一个问题联系了vscode-php-debug的创建者,然后他指出我用xdebug和/或docker来解决这个问题.
我的问题如下:
XDebug正在运行并处理我的容器,xdebug日志显示它连接到我的IDE,但它只是...
总体参考:https://cn.vuejs.org/v2/cookbook/debugging-in-vscode.html
注意点:
1、修改 source-map2、设置 webRoot 的路径,要加上"/src"3、选择调试目标,如上图。
其它参考:http://www.r9it.com/20180428/vscode-chrome-debuger.html