Enviado por juanonlab el Mié, 05/09/2018 - 19:35
Debug Php Visual Studio Code

Visual studio code es una buena herramienta para programar. Actualmente la utilizo para aplicaciones javascript/react y también para php. Es muy sencillo de descargar y de actualizar con la gran cantidad de módulos disponibles.

En esta entrada voy a configurar visual studio code para trabajar en php.

Los módulos que he instalado son los siguientes:

  • PHP Extension Pack: para el desarrollo general en PHP.
  • PHP IntelliSense: para autocomplentar y refactorizar en PHP.
  • PHP Debug: para hacer debug de una manera sencilla.

Muestro una captura de los módulos instalados:

Módulos Php a instalar

Para que el módulo debug funcione correctamente es necesario, en primer lugar, instalar correctamente la biblioteca xdebug de php.

En mi caso voy a usar xammp para trabajar con PHP. Una vez descargas xampp ó si ya lo tienes instalado debes averiguar cual es la versión de php que tienes instalada con

C:\>php -v
PHP 7.0.29 (cli) (built: Mar 27 2018 15:41:25) ( ZTS )
Copyright (c) 1997-2017 The PHP Group
Zend Engine v3.0.0, Copyright (c) 1998-2017 Zend Technologies
    with Zend OPcache v7.0.29, Copyright (c) 1999-2017, by Zend Technologies

Ahora hay que buscar la versión exacta de la dll de xdebug. En este link dejo el acceso a las diferentes versiones existentes de xdebug. Hay que tener cuidado al elegir la versión. Para xammp utiliza la version de 32bits.

Version xdebug

Guardamos la dll (en este caso php_xdebug-2.5.5-7.0-vc14.dll) en la carpeta C:\xampp\php\ext (verificar dónde has instalado xampp) . 

Hay que decirle a php que queremos instalar xdebug. Vamos al fichero php.ini y añadimos la extensión. En mi caso tengo:

[XDebug] zend_extension = "C:\xampp\php\ext\php_xdebug-2.5.5-7.0-vc14.dll"
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "127.0.0.1"
xdebug.remote_port = 9000

Podemos insertar este fragmento antes del tag [openssl]  del fichero php.ini.

Reiniciamos el apache server de xammp y comprobamos que la extensión se encuentra disponible:

C:\>php -v
PHP 7.0.29 (cli) (built: Mar 27 2018 15:41:25) ( ZTS )
Copyright (c) 1997-2017 The PHP Group
Zend Engine v3.0.0, Copyright (c) 1998-2017 Zend Technologies
    with Zend OPcache v7.0.29, Copyright (c) 1999-2017, by Zend Technologies
    with Xdebug v2.5.5, Copyright (c) 2002-2017, by Derick Rethans

Necesitamos añadir algunas cosas en visual studio code para terminar la instalación.

Hay que indicar al VS code donde se encuentra nuestro ejecutable php.exe.

Dentro de VS code vamos a:

Archivo -> Preferencias -> Configuración

Y en las variables de usuario insertamos la línea siguiente:

"php.validate.executablePath":"C:\\xampp\\php\\php.exe"

Siempre y cuando la ruta que tienes de xampp sea esa.

 

Configuración en Visual Studio Code

 

No hay que realizar ningún cambio adicional. Vamos al botón de depuración. Y desde allí damos a debug (flecha verde). El fichero launch.json no debe ser modificado para php, podemos abrirlo pulsando en la tuerquecita. La configuración por defecto es la adecuada.

Debug

En resumen: Dejamos un punto de parada en un archivo php en vs code, arrancamos xampp con normalidad y lanzamos el debug de vs code. Al acceder a la pantalla donde está el punto de parada se parará ahí.

Break points debug mode

 

Y eso es todo. Si pasas el ratón por las variables puedes ver su contenido. Puedes habilitar, deshabilitar ciertos puntos de parada... Todo lo que se suele hacer con un debug.

 

Comentario

You can follow this link:

https://github.com/Unitech/pm2/issues/1466

You can also avoid the start of the pm2 process launching the command:  

pm2 unstartup systemd

 

Añadir nuevo comentario

This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.