{"id":228588,"date":"2022-10-24T13:31:00","date_gmt":"2022-10-24T10:31:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228588"},"modified":"2022-11-09T03:08:48","modified_gmt":"2022-11-09T00:08:48","slug":"xdebug-visual-studio-code-y-mamp","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/xdebug-visual-studio-code-y-mamp\/","title":{"rendered":"Xdebug, Visual Studio Code y MAMP"},"content":{"rendered":"\n

Usar Xdebug y Visual Studio Code es algo que es bastante f\u00e1cil de configurar, pero dado que todav\u00eda estoy usando Visual Studio Code<\/a>, deber\u00eda decirle algo sobre cu\u00e1nto soy fan\u00e1tico del IDE.<\/p>\n

Pero aqu\u00ed est\u00e1 la cosa:<\/p>\n

Si eres un desarrollador de WordPress, la depuraci\u00f3n es algo que realmente necesitas aprender. Es decir, no lo uses print_r<\/code><\/a>y var_dump<\/code><\/a>si puedes evitarlo. Utilice un depurador leg\u00edtimo. Le ayudar\u00e1 a pensar como piensa el int\u00e9rprete y le ayudar\u00e1 a aprender un poco m\u00e1s sobre Core.<\/p>\n

Ahora que estoy fuera de mi caja de jab\u00f3n, es f\u00e1cil instalar las herramientas necesarias. El art\u00edculo asume que est\u00e1 usando MAMP Pro (ya que eso es lo que uso), pero si tiene acceso a php.ini, entonces podr\u00e1 seguirlo.<\/p>\n

Xdebug, c\u00f3digo de Visual Studio y configuraci\u00f3n<\/h2>\n

Para aquellos que no hayan o\u00eddo hablar de Xdebug<\/a> antes, piensen en \u00e9l como una pieza de software que les permite pausar su programa mientras se est\u00e1 ejecutando y ver los valores que tienen las variables, qu\u00e9 m\u00e9todo se est\u00e1 ejecutando, la pila de llamadas, etc. .<\/p>\n

Puede leer m\u00e1s sobre esto en la p\u00e1gina de inicio<\/a>, pero aqu\u00ed est\u00e1 la esencia:<\/p>\n

\n

Una extensi\u00f3n de PHP para una depuraci\u00f3n potente. Admite seguimientos de pilas y funciones, informaci\u00f3n de perfiles y asignaci\u00f3n de memoria y an\u00e1lisis de ejecuci\u00f3n de scripts.<\/p>\n<\/blockquote>\n

Lo s\u00e9: la asignaci\u00f3n de memoria, el an\u00e1lisis de ejecuci\u00f3n de scripts, etc. suena un poco aburrido si no te gusta ese tipo de cosas, pero el valor que obtienes al ejecutar algo como esto no puede subestimarse.<\/p>\n

Dicho esto, aqu\u00ed se explica c\u00f3mo hacerlo funcionar con MAMP y Visual Studio.<\/p>\n

1 Configurar MAMP Pro<\/h3>\n

Por el bien de los requisitos b\u00e1sicos de WordPress, supondr\u00e9 que est\u00e1 utilizando PHP 5.6.28 (pero los pasos funcionan de la misma manera).<\/p>\n

Primero, aseg\u00farese de que Xdebug est\u00e9 habilitado desde el tablero de MAMP Pro .<\/a><\/p>\n

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

A continuaci\u00f3n, desde el men\u00fa MAMP Pro, elija Editar plantilla > PHP 5.6.28<\/strong> y luego ubique el \u00e1rea en el archivo de plantilla para la configuraci\u00f3n de PHP donde se encuentra Xdebug:<\/p>\n

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

Aseg\u00farate de que se vea as\u00ed<\/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
Despu\u00e9s de guardarlo, MAMP Pro podr\u00eda solicitarle que reinicie. Si ese es el caso, entonces hazlo. Incluso si no es as\u00ed, te recomiendo que te asegures de reiniciar.<\/p>\n
2 C\u00f3digo de configuraci\u00f3n de Visual Studio<\/h3>\n
A continuaci\u00f3n, en Visual Studio Code<\/a>, navegue hasta el\u00a0 panel Extensiones<\/strong> y busque PHP Debug<\/a>. Inst\u00e1lalo y act\u00edvalo.<\/p>\n
\"Xdebug,<\/a><\/p>\n
Una vez hecho esto, es posible que deba volver a cargar el IDE. Incluso si no le pide que lo haga, lo recomiendo. A partir de ah\u00ed, se instala Xdebug y est\u00e1 listo para comenzar a depurar.<\/p>\n
\u00bfC\u00f3mo depuro?<\/h2>\n
Esto requiere un poco m\u00e1s de tutorial que me gustar\u00eda compartir en esta publicaci\u00f3n. Es decir, esta publicaci\u00f3n es breve, pero el tiempo para configurar las cosas es un poco m\u00e1s largo.<\/p>\n
Entonces, en una publicaci\u00f3n de seguimiento, explicar\u00e9 c\u00f3mo depurar parte de su propio c\u00f3digo y podr\u00e1 verlo en acci\u00f3n.<\/p>\n
Puede manejar MAMP normal si incluye informaci\u00f3n de aqu\u00ed<\/a>.<\/p>\n
Fuente de grabaci\u00f3n:  tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Xdebug y Visual Studio Code son dos cosas que realmente pueden ayudar a su desarrollo al escribir c\u00f3digo. Aqu\u00ed se explica c\u00f3mo configurar Xdebug en el 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":[892,716,840],"tags":[1172],"class_list":["post-228588","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-desarrollador","category-tutoriales","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/228588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=228588"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/228588\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/223708"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=228588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=228588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=228588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}