Live Coding : Installation, configuration et utilisation de Xdebug dans Visual Studio Code

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

Live Coding : Installation, configuration et utilisation de Xdebug dans Visual Studio Code
Article publié le - Modifié le

Catégories : PHP Tutoriel Live-Coding xdebug

Mots-clés : Tutoriel Généralités PHP Live-Coding xdebug vsc

Partager : Partager sur Facebook Partager sur Twitter Partager sur LinkedIn