VSCODEでPHPのデバッグを実行したい

VSCODEでPHPのデバッグをできるようにしたいと考えているのですがうまくいきません。

いろいろなサイトを見てやっているため、いまやどこをどうしたらいいのかよくわからなくなってしまっています。

主な参考にしたサイトは以下のとおりです。

気になるポイントとしては、

〇ポイント1
以下のsetting.json の以下の文字の色が、上の行より下の行が暗くなっている（要するにpathが通っていない？）ように感じています。

"php.validate.executablePath": "C:\xampp\php\php.exe",
"php.executablePath": "C:\xampp\php\php.exe"

〇ポイント2
portがいろいろやった結果デフォルトで設定された9003で統一している。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
今の現状としては、
①listen for Xdebug　の再生とか停止のボタンはでます。また再生ボタンを押してもｴﾗｰはでません。
②コーディングしているときにインテリセンスは反応しています。
③XAMPPはインストール済です。
④参考記述した（とあるサイト（どこのサイトかわからなくなりましたが）からコピペ）した以下のコードでブラウザから、ボタンを押すと、ブラウザにphpのコードがそのまま表示されます。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

正直どこをどうしたらいいのかさっぱりわからなくなってしまいまして、
もし可能であれば、ﾁｪｯｸすべきポイントをご教示いただけると幸いです。

〇主な参考にしたサイト（コードを参考にしたサイトを追加しました。）
https://qiita.com/hitotch/items/ab791fbc11a4e2a6cefd
https://dolphin-review.com/vscode-php-debug#VS_Codesettingsjson
【追加】https://www.atmarkit.co.jp/ait/articles/1809/11/news028_2.html

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <title>PHP sample page</title>
6</head>
7<body>
8  <form action="hello.php" method="post">
9    <p>
10      Hello
11      <input type="text" name="whom">
12      <input type="submit" value="submit">
13    </p>
14  </form>
15</body>
16</html>

php
1<?php
2date_default_timezone_set('Asia/Tokyo');
3$d = getdate();
4$h = $d["hours"];
5
6if ($h < 6 && $h > 12)
7  $msg = "Good morning!, ";
8elseif ($h >= 12 && $h <= 18)
9  $msg = "Good afternoon!, ";
10elseif ($h >= 19 && $h <= 22)
11  $msg = "Good evening!, ";
12else
13  $msg = "Good night!, ";
14
15print($msg . $_POST["whom"]);

json
1{
2    "workbench.colorTheme": "Default Dark+",
3    "editor.suggestSelection": "first",
4    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
5    "java.home": "C:\Program Files\jdk-16.0.1",
6    "workbench.settings.useSplitJSON": true,
7    "files.exclude": {
8        "**/.classpath": true,
9        "**/.project": true,
10        "**/.settings": true,
11        "**/.factorypath": true
12    },
13    "php.validate.executablePath": "C:\xampp\php\php.exe",
14    "php.executablePath": "C:\xampp\php\php.exe"
15}
16コード

m.ts10806

2021/07/24 09:37

setting.json も一部ではなく全て提示してください。再現確認できません。

m.ts10806

2021/07/24 09:38

あとデバッグ　です。debug

Oisan

2021/07/24 09:47

{ "workbench.colorTheme": "Default Dark+", "editor.suggestSelection": "first", "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", "java.home": "C:\\Program Files\\jdk-16.0.1", "workbench.settings.useSplitJSON": true, "files.exclude": { "**/.classpath": true, "**/.project": true, "**/.settings": true, "**/.factorypath": true }, "php.validate.executablePath": "C:\\xampp\\php\\php.exe", "php.executablePath": "C:\\xampp\\php\\php.exe" } 上記が全文です。よろしくおねがいします。