{"id":228931,"date":"2022-10-24T13:40:00","date_gmt":"2022-10-24T10:40:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228931"},"modified":"2022-11-09T04:51:07","modified_gmt":"2022-11-09T01:51:07","slug":"xdebug-visual-studio-code-et-mamp","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/xdebug-visual-studio-code-et-mamp\/","title":{"rendered":"Xdebug, Visual Studio Code et MAMP"},"content":{"rendered":"\n

L’utilisation de Xdebug et de Visual Studio Code est quelque chose d’assez facile \u00e0 configurer, mais \u00e9tant donn\u00e9 que j’utilise toujours Visual Studio Code<\/a>, je devrais vous dire \u00e0 quel point je suis fan de l’IDE.<\/p>\n

Mais voici le truc :<\/p>\n

Si vous \u00eates un d\u00e9veloppeur WordPress, le d\u00e9bogage est quelque chose que vous devez vraiment apprendre. Autrement dit, ne l’utilisez pas print_r<\/code><\/a>et var_dump<\/code><\/a>si vous pouvez l’aider. Utilisez un d\u00e9bogueur l\u00e9gitime. Cela vous aidera \u00e0 penser comme l’interpr\u00e8te pense et cela vous aidera \u00e0 en apprendre un peu plus sur Core.<\/p>\n

Maintenant que je n’ai plus ma bo\u00eete \u00e0 savon, il est facile d’installer les outils n\u00e9cessaires. L’article suppose que vous utilisez MAMP Pro (puisque c’est ce que j’utilise), mais si vous avez acc\u00e8s \u00e0 php.ini, vous pourrez suivre.<\/p>\n

Xdebug, Visual Studio Code et sa configuration<\/h2>\n

Pour ceux qui n’ont jamais entendu parler de Xdebug<\/a> auparavant, consid\u00e9rez-le comme un logiciel qui vous permet de mettre votre programme en pause pendant son ex\u00e9cution et de voir les valeurs des variables, la m\u00e9thode en cours d’ex\u00e9cution, la pile d’appels, etc. .<\/p>\n

Vous pouvez en savoir plus sur la page d’accueil<\/a>, mais voici l’essentiel :<\/p>\n

\n

Une extension PHP pour un d\u00e9bogage puissant. Il prend en charge les traces de pile et de fonction, les informations de profilage et l’allocation de m\u00e9moire et l’analyse d’ex\u00e9cution de script.<\/p>\n<\/blockquote>\n

Je sais – l’allocation de m\u00e9moire, l’analyse d’ex\u00e9cution de script, etc. semble un peu ennuyeuse si vous n’\u00eates pas dans ce genre de choses, mais la valeur que vous obtenez en ex\u00e9cutant quelque chose comme \u00e7a ne peut pas \u00eatre sous-estim\u00e9e.<\/p>\n

Cela dit, voici comment le faire fonctionner avec MAMP et Visual Studio.<\/p>\n

1 Configurer MAMP Pro<\/h3>\n

Pour les besoins de base de WordPress, je vais supposer que vous utilisez PHP 5.6.28 (mais les \u00e9tapes fonctionnent de la m\u00eame mani\u00e8re).<\/p>\n

Tout d’abord, assurez-vous que Xdebug est activ\u00e9 depuis le tableau de bord MAMP Pro<\/a>.<\/p>\n

\"Xdebug,<\/a><\/p>\n

Ensuite, dans le menu MAMP Pro, choisissez Modifier le mod\u00e8le > PHP 5.6.28<\/strong>, puis localisez la zone dans le fichier de mod\u00e8le pour la configuration PHP o\u00f9 se trouve Xdebug\u00a0:<\/p>\n

\"Xdebug,<\/a><\/p>\n

Assurez-vous qu’il ressemble \u00e0 ceci<\/a> :<\/p>\n

[xdebug]\nMAMP_Xdebug_MAMPzend_extension=\"\/Applications\/MAMP\/bin\/php\/php5.6.28\/lib\/php\/extensions\/no-debug-non-zts-20131226\/xdebug.so\"\nxdebug.remote_enable=1\nxdebug.remote_host=localhost\nxdebug.remote_port=9000\nxdebug.remote_autostart=1\nxdebug.profiler_enable=0\nxdebug.profiler_output_dir=\"\/Applications\/MAMP\/tmp\"<\/code><\/pre>\n
Apr\u00e8s l’avoir enregistr\u00e9, MAMP Pro peut vous demander de red\u00e9marrer. Si tel est le cas, faites-le. M\u00eame si ce n’est pas le cas, je vous recommande de vous assurer que vous red\u00e9marrez.<\/p>\n
2 Code de configuration Visual Studio<\/h3>\n
Ensuite, dans Visual Studio Code<\/a>, acc\u00e9dez au\u00a0 volet Extensions<\/strong> et recherchez PHP Debug<\/a>. Installez-le et activez-le.<\/p>\n
\"Xdebug,<\/a><\/p>\n
Une fois cela fait, vous devrez peut-\u00eatre recharger l’IDE. M\u00eame si cela ne vous invite pas \u00e0 le faire, je le recommande. \u00c0 partir de l\u00e0, Xdebug est install\u00e9 et vous \u00eates pr\u00eat \u00e0 commencer le d\u00e9bogage.<\/p>\n
Comment d\u00e9boguer\u00a0?<\/h2>\n
Cela n\u00e9cessite un peu plus d’une proc\u00e9dure pas \u00e0 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.<\/p>\n
Donc, dans un article de suivi, je vous expliquerai comment d\u00e9boguer une partie de votre propre code et vous pourrez le voir en action.<\/p>\n
Vous pouvez g\u00e9rer le MAMP normal si vous incluez des informations \u00e0 partir d’ ici<\/a>.<\/p>\n
Source d’enregistrement:  tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Xdebug et Visual Studio Code sont deux choses qui peuvent vraiment aider votre d\u00e9veloppement lors de l’\u00e9criture de code. Voici comment configurer Xdebug dans l’IDE.<\/p>\n","protected":false},"author":1,"featured_media":223708,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[893,717,841],"tags":[1167],"class_list":["post-228931","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-2","category-developpeur","category-tutoriels","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/228931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=228931"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/228931\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/223708"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=228931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=228931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=228931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}