一、下载XAMPP

http://https://www.apachefriends.org/zh_cn/index.html

二、下载php_xdebug.dll

方案一: 直接下载与PHP版本对应的xdebug版本

https://xdebug.org/download.php

方案二: 将phpinfo()信息复制到官网,自动判断符合当前环境的xdebug版本

https://xdebug.org/wizard.php

三、将下载好的xdebug.dll放到xampp\php\ext目录

四、配置xampp\php\php.ini
将下面这几句放到php.ini文件的最后
[XDebug]
zend_extension=E:\software\xampp\php\ext\php_xdebug-2.6.1-7.2-vc15.dll (填写自己的实际路径)
xdebug.remote_enable=1
xdebug.remote_autostart=1
xdebug.remote_connect_back=1

五、重启Apache

六、在phpinfo()信息中查看是否已经支持xdebug
写个info.php页面放到服务器上

浏览器中访问 http://127.0.0.1/h5/info.php (输入自己的实际url地址)

七、在VSCode中安装PHP Debug插件

安装好后会看到

八、配置VSCode的launch.json

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for XDebug",
            "type": "php",
            "request": "launch",
            "port": 9000,
            //如果web服务器目录与工作空间不在同一个目录，需要配置映射
	    "pathMappings": {
                "/h5": "${workspaceRoot}" //将web服务器地址映射到本地项目地址
            }
        },
        {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd": "${fileDirname}",
            "port": 9000
        }
    ]
}

九、在项目中写个测试页面test.php,并打上断点

十、将项目中的test.php放一份到web服务器上,并对代码稍作修改

十一、用浏览器访问test.php,看看项目中的断点是否生效

可以看到断点已经生效，并且断点处显示的是web服务器上的test.php中的值

十二、启动mysql并查看已经创建了哪些数据库

启动mysql

打开命令行终端

连接mysql查看数据库

十三、在mysql中新建一个test用户

//首先以root用户登录mysql
...
//创建新用户test
insert into mysql.user(Host,User,Password) values("localhost","test",password("1234"));
//设置用户test具有所有权限
grant all privileges on *.* to test@localhost identified by '1234';
//刷新系统权限表
flush privileges;
//列出所有用户
select user,host from mysql.user;

//创建一个名叫sdk的数据库
CREATE DATABASE sdk;

十四、操作数据库(phpMyAdmin)
http://localhost/phpMyAdmin