Xdebug, Visual Studio Code et MAMP

L’utilisation de Xdebug et de Visual Studio Code est quelque chose d’assez facile à configurer, mais étant donné que j’utilise toujours Visual Studio Code, je devrais vous dire à quel point je suis fan de l’IDE.

Mais voici le truc :

Si vous êtes un développeur WordPress, le débogage est quelque chose que vous devez vraiment apprendre. Autrement dit, ne l’utilisez pas print_ret var_dumpsi vous pouvez l’aider. Utilisez un débogueur légitime. Cela vous aidera à penser comme l’interprète pense et cela vous aidera à en apprendre un peu plus sur Core.

Maintenant que je n’ai plus ma boîte à savon, il est facile d’installer les outils nécessaires. L’article suppose que vous utilisez MAMP Pro (puisque c’est ce que j’utilise), mais si vous avez accès à php.ini, vous pourrez suivre.

Xdebug, Visual Studio Code et sa configuration

Pour ceux qui n’ont jamais entendu parler de Xdebug auparavant, considérez-le comme un logiciel qui vous permet de mettre votre programme en pause pendant son exécution et de voir les valeurs des variables, la méthode en cours d’exécution, la pile d’appels, etc. .

Vous pouvez en savoir plus sur la page d’accueil, mais voici l’essentiel :

Une extension PHP pour un débogage puissant. Il prend en charge les traces de pile et de fonction, les informations de profilage et l’allocation de mémoire et l’analyse d’exécution de script.

Je sais – l’allocation de mémoire, l’analyse d’exécution de script, etc. semble un peu ennuyeuse si vous n’êtes pas dans ce genre de choses, mais la valeur que vous obtenez en exécutant quelque chose comme ça ne peut pas être sous-estimée.

Cela dit, voici comment le faire fonctionner avec MAMP et Visual Studio.

1 Configurer MAMP Pro

Pour les besoins de base de WordPress, je vais supposer que vous utilisez PHP 5.6.28 (mais les étapes fonctionnent de la même manière).

Tout d’abord, assurez-vous que Xdebug est activé depuis le tableau de bord MAMP Pro.

Ensuite, dans le menu MAMP Pro, choisissez Modifier le modèle > PHP 5.6.28, puis localisez la zone dans le fichier de modèle pour la configuration PHP où se trouve Xdebug :

Assurez-vous qu’il ressemble à ceci :

[xdebug]
MAMP_Xdebug_MAMPzend_extension="/Applications/MAMP/bin/php/php5.6.28/lib/php/extensions/no-debug-non-zts-20131226/xdebug.so"
xdebug.remote_enable=1
xdebug.remote_host=localhost
xdebug.remote_port=9000
xdebug.remote_autostart=1
xdebug.profiler_enable=0
xdebug.profiler_output_dir="/Applications/MAMP/tmp"

Après l’avoir enregistré, MAMP Pro peut vous demander de redémarrer. Si tel est le cas, faites-le. Même si ce n’est pas le cas, je vous recommande de vous assurer que vous redémarrez.

2 Code de configuration Visual Studio

Ensuite, dans Visual Studio Code, accédez au  volet Extensions et recherchez PHP Debug. Installez-le et activez-le.

Une fois cela fait, vous devrez peut-être recharger l’IDE. Même si cela ne vous invite pas à le faire, je le recommande. À partir de là, Xdebug est installé et vous êtes prêt à commencer le débogage.

Comment déboguer ?

Cela nécessite un peu plus d’une procédure pas à pas que j’aimerais partager dans ce post. Autrement dit, ce post est court mais le temps de mise en place est un peu plus long.

Donc, dans un article de suivi, je vous expliquerai comment déboguer une partie de votre propre code et vous pourrez le voir en action.

Vous pouvez gérer le MAMP normal si vous incluez des informations à partir d’ ici.