Xdebug, Visual Studio Code och MAMP

Att använda Xdebug och Visual Studio Code är något som är ganska lätt att ställa in, men med tanke på att jag fortfarande använder Visual Studio Code borde det berätta något om hur mycket jag är ett fan av IDE.

Men här är grejen:

Om du är en WordPress-utvecklare är felsökning något du verkligen behöver lära dig. Det vill säga, använd inte print_roch var_dumpom du kan hjälpa det. Använd en legitim debugger. Det hjälper dig att tänka som tolken tycker och det hjälper dig att lära dig lite mer om Core.

Nu när jag är borta från tvållådan är det lätt att få de nödvändiga verktygen installerade. Artikeln förutsätter att du använder MAMP Pro (eftersom det är det jag använder), men om du har tillgång till php.ini så kommer du att kunna följa med.

Xdebug, Visual Studio Code och konfigurera den

För de som inte har hört talas om Xdebug tidigare, tänk på det som en mjukvara som låter dig pausa ditt program medan det körs och se vilka värden som variabler har, vilken metod som exekveras, anropsstacken och så vidare .

Du kan läsa mer om det på hemsidan, men här är kärnan i det:

En PHP-tillägg för kraftfull felsökning. Den stöder stack- och funktionsspårningar, profileringsinformation och minnesallokering och analys av skriptkörning.

Jag vet – minnesallokering, skriptexekveringsanalys, etc. låter lite tråkigt om du inte gillar sånt, men värdet du får av att köra något sådant här kan inte underskattas.

Som sagt, så här får du det att fungera med MAMP och Visual Studio.

1 Konfigurera MAMP Pro

För WordPresss grundkrav kommer jag att anta att du använder PHP 5.6.28 (men stegen fungerar likadant oavsett).

Se först till att Xdebug är aktiverat från MAMP Pro- instrumentpanelen.

Välj sedan Redigera mall > PHP 5.6.28 från MAMP Pro-menyn och leta sedan upp området i mallfilen för PHP-konfigurationen där Xdebug finns:

Se till att det ser ut så här :

[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"

När du har sparat den kan MAMP Pro uppmana dig att starta om. Om så är fallet, gör det. Även om det inte gör det rekommenderar jag att du startar om.

2 Konfiguration av Visual Studio Code

Därefter, i Visual Studio Code, navigera till fönstret Extensions och sök efter PHP Debug. Installera den och aktivera den.

När du är klar kan du behöva ladda om IDE. Även om det inte uppmanar dig att göra det, rekommenderar jag det. Därifrån är Xdebug installerat och du är redo att börja felsöka.

Hur felsöker jag?

Detta kräver lite mer av en genomgång som jag skulle vilja dela med mig av i det här inlägget. Det vill säga, det här inlägget är kort men tiden för att få saker att ställa är lite längre.

Så i ett uppföljande inlägg kommer jag att gå igenom hur du felsöker en del av din egen kod och du kan se hur den fungerar.

Du kan hantera normal MAMP om du inkluderar info härifrån.