PHP 8.0: XAMPP, Debugger (JavaScript + PHP XDebug 3), VS Code und Heidi SQL

Die Beschreibung mit Timestamps findet ihr im angepinnten ersten Kommentar!

Installation einer Entwicklungsumgebung für PHP mit VS Code, XAMPP und XDebug.

00:00 Intro
02:11 Download XAMPP , VS Code, nodeJS, HeidiSQL
04:14 Installation XAMPP
06:43 Einstellungen XAMPP
09:07 Download und Integration php-xdebug.DLL 3 für PHP
14:38 Installation HeidiSQL und Anlegen einer Datenbank/Tabelle
18:54 Installation NodeJS
20:09 Installation VS Code und Extensions
28:41 Anlegen Test-Projekt für Debugger
33:35 Einrichten Debugging für PHP XDebug und JavaScript

[innovationsguide]

Installation einer Entwicklungsumgebung für PHP mit VS Code, XAMPP und XDebug.

00:00 Intro
02:11 Download XAMPP, VS Code, nodeJS, HeidiSQL


04:14 Installation XAMPP

06:43 Einstellungen XAMPP
09:07 Download und Integration php-xdebug.DLL 3 für PHP
Ans Ende der php.ini folgende Parameter einfügen:

[XDebug]
zend_extension =
xdebug.mode=debug


14:38 Installation HeidiSQL und Anlegen einer Datenbank/Tabelle

18:54 Installation NodeJS

20:09 Installation VS Code und Extensions
Komplette settings.json für VS Code:
{
false,
"update.mode": "none",
"C:\\Windows\\System32\\cmd.exe",
"files.autoSave": "afterDelay",
"editor.fontSize": 18,
"workbench.colorTheme": "Default High Contrast",
"php.validate.enable": true,
"c:\\xampp\\php\\php.exe",
"php.validate.run": "onType",
true
}

28:41 Anlegen Test-Projekt für Debugger

33:35 Einrichten Debugging für PHP XDebug und JavaScript
Komplette launch.json fürs Debugging:
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
"version": "0.2.0",
"configurations": [
{
"type": "firefox",
"request": "launch",
"reAttach": true,
"name": "launch firefox",
"webRoot": "${workspaceFolder}"
},
{
"name": "Launch Edge",
"request": "launch",
"type": "pwa-msedge",
"webRoot": "${workspaceFolder}"
},
{
"name": "Launch Chrome",
"request": "launch",
"type": "pwa-chrome",
"webRoot": "${workspaceFolder}"
},
{
"name": "PHP XDebug",
"type": "php",
"request": "launch",
"port": 9003
}
],
"compounds": [
{
"name": "PHP/CHROM",
"configurations": ["PHP XDebug", "Launch Chrome"]
}
]
}


Viel Spaß beim ausprobieren!

Torsten :)

[lyzer]

Herzlichen Dank! Hat mir sehr geholfen :)

[exef]

Danke 👌 läuft bestens und hast mir eine menge Arbeit erspart.

[stefanc]

endlich mal einer der das richtig ausführlich erklärt und das funktioniert auch noch super gemacht, das ganze hätte ich jetzt gerne noch als Video für eine Mac Installation - mittels Eclipse zb ?
hast do auch schon was gemacht ? der Apache ist ja schon installiert - bliebe also der Rest.

[rigbyrig]

Toll, dass es Menschen wie Dich gibt, die sich die Mühe machen das alles in einem Video für die Allgemeinheit zu erklären. Deine Anleitung ist unglaublich gut nachvollziehbar, da jeder Schritt exakt dargelegt wird. Einziger Wermutstropfen ist - und da bist Du leider machtlos - dass sich alle naselang die Versionen und somit auch Abläufe ändern.
Nur als kleiner Hinweis sei an dieser Stelle gesagt, dass man nicht mehr den Pfad plus Dateinname in die php.ini einträgt, sondern nun einfach nur noch "zend_extension = xdebug". Dafür muss aber der Name der DLL immer auf php_xdebug.dll geändert werden und es darf nicht mehr der Originalname des Download-Files beibehalten werden.
Dankeschön jedenfalls für Deine Mühe und gute Arbeit.

[mungopark]

Vielen Dank. Hat mir gut bei der Einrichtung geholfen, .

[wladimirwerner]

Vielen Dank für diese ausführliche Information

[rokasgarmasukis]

Das war richtig gut, danke! Wie könnte ich dir dafür "einen Kaffee kaufen"?

[MyOliver]

Sehr gutes Video, aber bei 23:33 sagst du, dass der NPM-Packagemanager nur mit der cmd funktionieren würde. Also bei mir hat bisher auch alles in der PowerShell funktioniert.🤔

[KaiDeutschlaender]

Hallo, sehr ausführliches Video 👍.
Aber bei mir funktioniert es noch nicht. 🙈
Muss ich Besonderes beachten, wenn der Webserver nicht auf meinem Rechner läuft sondern auf einem entfernten Server (im selben Netzwerk)? Für mich ist das der Normalfall oder kann man dann gar nicht debuggen?

[detlefhau]

Hallo und vielen Dank für die hilfreichen Tutorials!
ich komme bei diesem Video ab ca. Minute 36 (debugen von index.php) nicht weiter.

Fehlermeldung: listen EADDRINUSE: adress already in use :::9003

Kann jemand helfen?