{"id":7806,"date":"2018-09-19T17:34:25","date_gmt":"2018-09-19T15:34:25","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=7806"},"modified":"2018-09-20T19:18:52","modified_gmt":"2018-09-20T17:18:52","slug":"como-depurar-codigo-php-con-visual-studio-code","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/","title":{"rendered":"C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code"},"content":{"rendered":"<p>Para depurar c\u00f3digo PHP, utilizaremos la extensi\u00f3n Xdebug, distribuida bajo <a href=\"http:\/\/www.php.net\/license\/3_0.txt\">The PHP License 3<\/a>, que proporciona un soporte muy completo para la depuraci\u00f3n de nuestros scripts.<\/p>\n<h2>Instalaci\u00f3n de Xdebug<\/h2>\n<p>Para ello, necesitaremos descargar la versi\u00f3n de Xdebug, <strong>adecuada a nuestra versi\u00f3n de PHP. <\/strong>Hay que tener en cuenta que necesitaremos tener <strong>PHP 7.0 o superior.<\/strong><\/p>\n<p>Empezaremos averiguando que versi\u00f3n de Xdebug nos corresponde para la instalaci\u00f3n de PHP de nuestra m\u00e1quina. Si tenemos instalado el XAMPP es muy sencillo, tan solo tenemos que abrir el navegador y escribiremos en la barra de direcciones <em>localhost<\/em>, y en el men\u00fa de la p\u00e1gina que aparecer\u00e1 pulsaremos la opci\u00f3n de <em>PHPInfo<\/em>.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/01_depurar_codigo_php.png\" rel=\"attachment wp-att-7807\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7807\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/01_depurar_codigo_php-300x135.png\" alt=\"pulsar en el menu PHPInfo\" width=\"300\" height=\"135\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/01_depurar_codigo_php-300x135.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/01_depurar_codigo_php-768x346.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/01_depurar_codigo_php-1024x461.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/01_depurar_codigo_php-700x315.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/01_depurar_codigo_php.png 1422w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Si estamos usando Windows, con <em>ctrl+a<\/em>, seleccionaremos todo el texto y con <em>ctrl+c<\/em> lo copiaremos en el portapapeles.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/02_depurar_codigo_php.png\" rel=\"attachment wp-att-7808\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7808\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/02_depurar_codigo_php-300x230.png\" alt=\"Seleccionar todo el texto de PHPInfo\" width=\"300\" height=\"230\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/02_depurar_codigo_php-300x230.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/02_depurar_codigo_php-768x590.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/02_depurar_codigo_php-700x538.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/02_depurar_codigo_php.png 975w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Seguidamente en una nueva pesta\u00f1a iremos a la siguiente direcci\u00f3n <a href=\"https:\/\/xdebug.org\/download.php\">https:\/\/xdebug.org\/download.php<\/a> y haremos click en el enlace de <strong>custom installation instructions.<\/strong><\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/03_depurar_codigo_php.png\" rel=\"attachment wp-att-7809\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7809\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/03_depurar_codigo_php-300x133.png\" alt=\"enlazaremos con custom installation instructions\" width=\"300\" height=\"133\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/03_depurar_codigo_php-300x133.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/03_depurar_codigo_php-768x341.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/03_depurar_codigo_php-1024x455.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/03_depurar_codigo_php-700x311.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/03_depurar_codigo_php.png 1223w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Nos aparecer\u00e1 la siguiente pantalla, en la que copiaremos el contenido del portapapeles anterior, y pulsaremos el bot\u00f3n <strong><em>Analyse my phpinfo() output.<\/em><\/strong><\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/04_depurar_codigo_php.png\" rel=\"attachment wp-att-7810\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7810\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/04_depurar_codigo_php-300x224.png\" alt=\"pulsar el bot\u00f3n Analyse my phpinfo() output\" width=\"300\" height=\"224\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/04_depurar_codigo_php-300x224.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/04_depurar_codigo_php-768x573.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/04_depurar_codigo_php-800x600.png 800w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/04_depurar_codigo_php-700x522.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/04_depurar_codigo_php.png 916w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Esto nos mostrar\u00e1 una pantalla con las instrucciones que necesitaremos para usar la extensi\u00f3n Xdebug.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/05_depurar_codigo_php.png\" rel=\"attachment wp-att-7811\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7811\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/05_depurar_codigo_php-300x233.png\" alt=\"instrucciones para la extensi\u00f3n xdebug sugerida\" width=\"300\" height=\"233\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/05_depurar_codigo_php-300x233.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/05_depurar_codigo_php-768x597.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/05_depurar_codigo_php-700x544.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/05_depurar_codigo_php.png 935w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Tal y como nos indican, lo primero que hay que hacer es descargar el archivo que nos sugieren y copiarlo en la carpeta que nos indica en <strong>Extensions directory<\/strong> (en mi caso, la carpeta <em>C:\\xampp\\php\\ext<\/em>).<\/p>\n<p>Ahora editaremos el fichero <em>C:\\xampp\\php\\php.ini, <\/em>y <strong>a\u00f1adiremos al final<\/strong> las siguientes l\u00edneas.<\/p>\n<p><em><strong>[XDebug]<\/strong><\/em><\/p>\n<p><em><strong>xdebug.remote_enable = 1<\/strong><\/em><\/p>\n<p><em><strong>xdebug.remote_autostart = 1<\/strong><\/em><\/p>\n<p><em><strong>zend_extension = C:\\xampp\\php\\ext\\php_xdebug-2.6.1-7.2-vc15.dll<\/strong><\/em><\/p>\n<p><strong>NOTA:<\/strong> el valor de zend_extension debe de ser el que nos indica la p\u00e1gina de Xdebug en sus instrucciones.<\/p>\n<p>Para verificar que todo el proceso anterior ha tenido \u00e9xito, consultaremos otra vez la opci\u00f3n de PHPInfo, y comprobaremos que en el texto que sale al lado de la imagen de <em>zendengine<\/em>, aparece \u201cwith Xdebug\u201d tal y como se muestra en la siguiente imagen (otra forma de comprobarlo es buscar el texto xdebug en esta p\u00e1gina).<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/06_depurar_codigo_php.png\" rel=\"attachment wp-att-7812\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7812\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/06_depurar_codigo_php-300x253.png\" alt=\"comprobar en PHPInfo que aparezca la extensi\u00f3n Xdebug\" width=\"300\" height=\"253\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/06_depurar_codigo_php-300x253.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/06_depurar_codigo_php-768x647.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/06_depurar_codigo_php-700x590.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/06_depurar_codigo_php.png 948w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Configuraci\u00f3n de Visual Studio Code para depurar c\u00f3digo PHP<\/h2>\n<p>Ahora ya estamos en condiciones para poder depurar con Visual Studio Code. Para ello debemos asegurarnos de tener instalado en este editor <strong>la extensi\u00f3n de \u00abPHP Debug\u00bb.<\/strong><\/p>\n<p>Las extensiones las buscaremos usando el icono del men\u00fa de la izquierda con forma cuadrada.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/07_depurar_codigo_php.png\" rel=\"attachment wp-att-7813\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7813\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/07_depurar_codigo_php-300x255.png\" alt=\"buscar extensi\u00f3n PHP Debug\" width=\"300\" height=\"255\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/07_depurar_codigo_php-300x255.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/07_depurar_codigo_php.png 612w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>En la caja de texto, buscaremos <em>php debug<\/em>, y lo instalaremos.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/08_depurar_codigo_php.png\" rel=\"attachment wp-att-7814\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7814\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/08_depurar_codigo_php-300x143.png\" alt=\"instalar en Visual Studio Code la extensi\u00f3n PHP Debug\" width=\"300\" height=\"143\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/08_depurar_codigo_php-300x143.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/08_depurar_codigo_php-700x334.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/08_depurar_codigo_php.png 734w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Una vez instalado, para asegurarnos de que funciona, pulsaremos el bot\u00f3n azul <em>Recargar<\/em>. Y si nos aparece, tambi\u00e9n pulsaremos el bot\u00f3n con el mensaje \u00abVolver a cargar Window\u00bb.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/09_depurar_codigo_php.png\" rel=\"attachment wp-att-7815\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7815\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/09_depurar_codigo_php-300x151.png\" alt=\"pulsar bot\u00f3n Volver a cargar Windows\" width=\"300\" height=\"151\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/09_depurar_codigo_php-300x151.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/09_depurar_codigo_php-768x387.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/09_depurar_codigo_php-700x353.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/09_depurar_codigo_php.png 932w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>En este momento, es cuando abriremos nuestro proyecto (Archivo &gt; Abrir Carpeta). Y despu\u00e9s, accederemos a la opci\u00f3n de depuraci\u00f3n en el cuarto icono del men\u00fa de la izquierda (1). Lo primero que haremos es agregar una configuraci\u00f3n para depurar PHP con Xdebug. En la parte superior hay un selector (2), y a su lado, un engranaje. Al pulsar en el selector nos pedir\u00e1 que indiquemos el lenguaje a depurar (3).<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/123.png\" rel=\"attachment wp-att-7902\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7902\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/123-300x195.png\" alt=\"Agregar configuraci\u00f3n para depurar PHP\" width=\"300\" height=\"195\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/123-300x195.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/123-400x260.png 400w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/123-700x456.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/123.png 765w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Seleccionaremos el PHP.<\/p>\n<p>.<a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/11_depurar_codigo_php.png\" rel=\"attachment wp-att-7817\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7817\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/11_depurar_codigo_php-300x180.png\" alt=\"seleccionar la opci\u00f3n PHP\" width=\"300\" height=\"180\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/11_depurar_codigo_php-300x180.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/11_depurar_codigo_php-700x421.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/11_depurar_codigo_php.png 738w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Nos aparecer\u00e1n unas l\u00edneas de c\u00f3digo per defecto, que dejaremos tal cual.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/12_depurar_codigo_php.png\" rel=\"attachment wp-att-7818\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7818\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/12_depurar_codigo_php-300x214.png\" alt=\"nuevo codigo launch.json\" width=\"300\" height=\"214\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/12_depurar_codigo_php-300x214.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/12_depurar_codigo_php-768x547.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/12_depurar_codigo_php-700x498.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/12_depurar_codigo_php.png 840w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>En nuestro c\u00f3digo PHP, agregaremos puntos de interrupci\u00f3n haciendo click a la izquierda del n\u00famero de l\u00ednea. Veremos c\u00f3mo aparecen puntitos rojos en cada l\u00ednea con un punto de interrupci\u00f3n.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/13_depurar_codigo_php.png\" rel=\"attachment wp-att-7819\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7819\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/13_depurar_codigo_php-300x220.png\" alt=\"agregar puntos de interrupci\u00f3n\" width=\"300\" height=\"220\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/13_depurar_codigo_php-300x220.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/13_depurar_codigo_php-700x512.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/13_depurar_codigo_php.png 765w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Pulsamos el bot\u00f3n de Iniciar depuraci\u00f3n, y despu\u00e9s abrimos el navegador con la direcci\u00f3n de nuestra p\u00e1gina a depurar.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/14_depurar_codigo_php.png\" rel=\"attachment wp-att-7820\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7820\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/14_depurar_codigo_php-300x32.png\" alt=\"Bot\u00f3n Iniciar depuraci\u00f3n\" width=\"300\" height=\"32\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/14_depurar_codigo_php-300x32.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/14_depurar_codigo_php-345x38.png 345w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/14_depurar_codigo_php.png 361w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurarPHP.png\" rel=\"attachment wp-att-7903\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7903 size-medium\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurarPHP-300x176.png\" alt=\"\u00a1Y listos para empezar a depurar c\u00f3digo PHP!\" width=\"300\" height=\"176\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurarPHP-300x176.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurarPHP-768x452.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurarPHP-1024x602.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurarPHP-700x412.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurarPHP.png 1435w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Cuando el navegador empiece a cargar la p\u00e1gina, Visual Studio Code tomar\u00e1 el control y nos permitir\u00e1 ir depurando paso a paso usando las t\u00edpicas herramientas de depuraci\u00f3n.<br \/>\nAl a\u00f1adir la configuraci\u00f3n para la depuraci\u00f3n, Visual Studio Code habr\u00e1 creado una carpeta <em>.vscode<\/em> dentro de la carpeta de nuestro proyecto con la configuraci\u00f3n de para la depuraci\u00f3n. A partir de entonces, cada vez que abramos nuestro proyecto, tan solo tendremos que ir a la opci\u00f3n de depuraci\u00f3n, poner alg\u00fan punto de interrupci\u00f3n y darle a la flechita verde. Si por error borramos esa carpeta, tendremos que volver a repetir los pasos para volver a a\u00f1adir la configuraci\u00f3n.<\/p>\n<h2>\u00a1Y listos para depurar c\u00f3digo PHP!<\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Para depurar c\u00f3digo PHP, utilizaremos la extensi\u00f3n Xdebug, distribuida bajo The PHP License 3, que proporciona un soporte muy completo para la depuraci\u00f3n de nuestros scripts. Instalaci\u00f3n de Xdebug Para ello, necesitaremos descargar la versi\u00f3n de Xdebug, adecuada a nuestra versi\u00f3n de PHP. Hay que&#8230;<\/p>\n","protected":false},"author":31,"featured_media":7909,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7,5],"tags":[661,223,660],"class_list":["post-7806","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-programacion","tag-debug","tag-php","tag-visual-studio-code"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"C\u00f3mo depurar c\u00f3digo PHP con Visual Studio Code utilizando la extensi\u00f3n Xdebug de Derick Rethan bajo el paquete de software libre XAMPP.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"C\u00f3mo depurar c\u00f3digo PHP con Visual Studio Code utilizando la extensi\u00f3n Xdebug de Derick Rethan bajo el paquete de software libre XAMPP.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-19T15:34:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-20T17:18:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Llu\u00eds Sancho\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Llu\u00eds Sancho\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/\"},\"author\":{\"name\":\"Llu\u00eds Sancho\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/249b2cfe645822c403ecd4ab01489b9c\"},\"headline\":\"C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code\",\"datePublished\":\"2018-09-19T15:34:25+00:00\",\"dateModified\":\"2018-09-20T17:18:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/\"},\"wordCount\":741,\"commentCount\":4,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg\",\"keywords\":[\"debug\",\"PHP\",\"visual studio code\"],\"articleSection\":[\"Dise\u00f1o Web\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/\",\"name\":\"C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg\",\"datePublished\":\"2018-09-19T15:34:25+00:00\",\"dateModified\":\"2018-09-20T17:18:52+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/249b2cfe645822c403ecd4ab01489b9c\"},\"description\":\"C\u00f3mo depurar c\u00f3digo PHP con Visual Studio Code utilizando la extensi\u00f3n Xdebug de Derick Rethan bajo el paquete de software libre XAMPP.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg\",\"width\":1000,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/249b2cfe645822c403ecd4ab01489b9c\",\"name\":\"Llu\u00eds Sancho\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c07de3ab4052308090373d472d8f8fdebb349f6bf998968bbc9623f6a847f057?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c07de3ab4052308090373d472d8f8fdebb349f6bf998968bbc9623f6a847f057?s=96&d=mm&r=g\",\"caption\":\"Llu\u00eds Sancho\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/lluis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code - Blog Escola Espai","description":"C\u00f3mo depurar c\u00f3digo PHP con Visual Studio Code utilizando la extensi\u00f3n Xdebug de Derick Rethan bajo el paquete de software libre XAMPP.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code - Blog Escola Espai","og_description":"C\u00f3mo depurar c\u00f3digo PHP con Visual Studio Code utilizando la extensi\u00f3n Xdebug de Derick Rethan bajo el paquete de software libre XAMPP.","og_url":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/","og_site_name":"Blog Escola Espai","article_published_time":"2018-09-19T15:34:25+00:00","article_modified_time":"2018-09-20T17:18:52+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg","type":"image\/jpeg"}],"author":"Llu\u00eds Sancho","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Llu\u00eds Sancho","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/"},"author":{"name":"Llu\u00eds Sancho","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/249b2cfe645822c403ecd4ab01489b9c"},"headline":"C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code","datePublished":"2018-09-19T15:34:25+00:00","dateModified":"2018-09-20T17:18:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/"},"wordCount":741,"commentCount":4,"image":{"@id":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg","keywords":["debug","PHP","visual studio code"],"articleSection":["Dise\u00f1o Web","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/","url":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/","name":"C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg","datePublished":"2018-09-19T15:34:25+00:00","dateModified":"2018-09-20T17:18:52+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/249b2cfe645822c403ecd4ab01489b9c"},"description":"C\u00f3mo depurar c\u00f3digo PHP con Visual Studio Code utilizando la extensi\u00f3n Xdebug de Derick Rethan bajo el paquete de software libre XAMPP.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg","width":1000,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2018\/09\/como-depurar-codigo-php-con-visual-studio-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo depurar c\u00f3digo PHP Con Visual Studio Code"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/249b2cfe645822c403ecd4ab01489b9c","name":"Llu\u00eds Sancho","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c07de3ab4052308090373d472d8f8fdebb349f6bf998968bbc9623f6a847f057?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c07de3ab4052308090373d472d8f8fdebb349f6bf998968bbc9623f6a847f057?s=96&d=mm&r=g","caption":"Llu\u00eds Sancho"},"url":"https:\/\/www.espai.es\/blog\/author\/lluis\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/09\/depurar-php-visual-studio-code.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/7806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=7806"}],"version-history":[{"count":7,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/7806\/revisions"}],"predecessor-version":[{"id":7908,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/7806\/revisions\/7908"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/7909"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=7806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=7806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=7806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}