Dans ce live coding nous allons voir comment mettre en place Xdebug dans Visual Studio Code.
Xdebug, c'est quoi ?
Avant toute chose il est nécessaire de savoir de quoi on va parler. Xdebug est une extension pour PHP qui assiste dans le débogage et le développement.
- Il contient un débogueur à utiliser dans les IDE
- Il améliore la fonction var_dump() de PHP
- Il ajoute les traces de pile pour les Notices, Warnings, Erreurs et Exceptions
- Il ajoute des fonctionnalités d'enregistrement sur disque de chaque appel de fonctions et variables
- Il contient un profiler
- ...
Bref, il s'agit d'un outil très complet dont vous pouvez utiliser tout ou partie.
Installer Xdebug
L'installation de Xdebug commence par une étape importante, identifier la version de PHP installée sur votre système et l'endroit où elle est stockée.
En effet, il sera nécessaire d'installer un fichier à un endroit précis afin de faire fonctionner Xdebug.
Pour commencer, ouvrons un terminal et tapons la commande
php -i
Cette commande affichera le phpinfo().
Nous allons maintenant copier le contenu de ce qui est affiché (c'est assez long) et le coller dans cette page https://xdebug.org/wizard
Nous validons et allons recevoir une réponse comme celle-ci
Vous trouvez en bas les instructions à suivre, attention elles seront différentes de l'exemple ci-dessus
- Télécharger la dll (pour Windows) de Xdebug
- La déplacer dans le dossier ext de votre version de PHP
- Puis ajouter la ligne "zend_extension" de PHP.ini
Il faudra ensuite, toujours dans le fichier php.ini, ajouter les lignes ci-dessous
[XDebug]
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
Vous devrez ensuite redémarrer votre serveur Apache pour que le fichier php.ini soit pris en compte.
Configurer Visual Studio Code
Afin d'utiliser Xdebug dans Visual Studio Code, nous allons installer l'extension PHP Debug.
Une fois l'extension installée, nous allons nous rendre dans la partie "Debug" de VS Code
Dans cette partie, la 1ère fois que nous y accédons dans un projet, VS Code nous propose de créer un fichier "launch.json", ce que nous allons faire.
Lorsque nous cliquons sur ce lien, il nous ouvre ce menu au milieu
Nous prenons PHP. Le fichier json créé contient ceci, nous n'allons pas le modifier
{
// Utilisez IntelliSense pour en savoir plus sur les attributs possibles.
// Pointez pour afficher la description des attributs existants.
// Pour plus d'informations, visitez : https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Listen for XDebug",
"type": "php",
"request": "launch",
"port": 9000
},
{
"name": "Launch currently open script",
"type": "php",
"request": "launch",
"program": "${file}",
"cwd": "${fileDirname}",
"port": 9000
}
]
}
Nous pouvons dès ce moment utiliser la partie debug de VS Code, détaillée en vidéo.
Obtenir de l'aide
Pour obtenir de l'aide, vous pouvez accéder au serveur Discord pour une entraide par chat
Catégories : PHP Tutoriel Live-Coding xdebug
Mots-clés : Tutoriel Généralités PHP Live-Coding xdebug vsc