Info
Content

VS-Code + Xampp XDebug setup

Guida per installare Xampp, VSCode e configurare XDebug

 

1) Installare Xampp

InkedxamppDownload_LI.jpg

 

2) Installare Xampp e scaricare VSCode e installare anche quello

Vs-install-Xampp.png

 

3) Aprire php.ini da C:\xampp\php\php.ini con VSCode e aggiungere queste righe alla fine e poi avvia o riavvia Apache da Xampp

[XDebug]
zend_extension = "c:\xampp\php\ext\php_xdebug.dll"
xdebug.remote_autostart = 1
xdebug.profiler_append = 0
xdebug.profiler_enable = 0
xdebug.profiler_enable_trigger = 0
xdebug.profiler_output_dir = "c:\xampp\tmp"
;xdebug.profiler_output_name = "cachegrind.out.%t-%s"
xdebug.remote_enable = 1
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "127.0.0.1"
xdebug.remote_log = "c:\xampp\tmp\xdebug.txt"
xdebug.remote_port = 9000
xdebug.trace_output_dir = "c:\xampp\tmp"
xdebug.remote_cookie_expire_time = 36000

InkedInkedenable-xdebug_LI.jpg

 

4) Aprire su VSCode con File->Open Folder e aprire la cartella htdocs di Xampp

5) Aprire index.php e modificare cone seguente poi aprire 127.0.0.1 e controllare se XDebug è aperta

Inkedcheck-xdebug_LI.jpg

 

6) Installare "PHP Debug" dallo store di Visual Studio Code

Inkedphpdebug-install_LI.jpg

 

7) Cliccare l'icona di debug segnato con la freccia rossa, create launch.json con l'apposito tasto e scegliere php con enviroment (ambiente)

Inkedphpdebug-config1_LI.jpg

 

8) Inserire un breakpoint e avviare il debug con l'apposito tasto o premendo F5, ricaricare la pagina 127.0.0.1 e il debug sarà partito

Inkedphpdebug-config2_LI.jpg

 

No Comments
Back to top