Setup Debugging PHP dengan menggunakan Microsoft visual code

Setup Debugging PHP dengan menggunakan Microsoft visual code

Software yang dibutuhkan :

• Visual Code download di https://go.microsoft.com/fwlink/?Linkid=852157
• Wamp server download di

https://jaist.dl.sourceforge.net/project/wampserver/WampServer%203/WampServer%203.0.0/wampserver3.1.3_x86.exe

• Google Chrome dan add on xdebug helper download google chrome di

https://dl.google.com/tag/s/appguid%3D%7B8A69D345-D564-463C-AFF1-A69D9E530F96%7D%26iid%3D%7BBAA39C94-7F3E-D7B9-A34D-3D94BC2F3F7E%7D%26lang%3Den%26browser%3D3%26usagestats%3D1%26appname%3DGoogle%2520Chrome%26needsadmin%3Dprefers%26ap%3Dx64-stable-statsdef_1%26brand%3DCHBD%26installdataindex%3Dempty/update2/installers/ChromeSetup.exe

Syarat yang wajib dipenuhi adalah

• .versi phpnya harus 7.0 ke atas

Proses Instalasi

1.Install Software Visual Code

2.Install Wamp Server

3.Install Google Chrome dan extention xdebug helper

4.buka browser dan klik url php info pastikan php versinya 7.0

• Tampilan phpinfo()

• Tampilan versi php

• Copy Semua Isi Php File Info lalu paste ke website https://xdebug.org/wizard.php

• Klik analyse my phpinfo() output

• Download file dan paste ke directory E:\wamp\bin\php\php7.0.29\ext -- > sesuaikan path di laptop anda

Gambar directory path

• Buka file php.ini pada directory

• Buka php.ini lalu pastekan baris

zend_extension = E:\wamp\bin\php\php7.0.29\ext\php_xdebug-2.6.0-7.0-vc14.dll 
ke dalamnya

• Simpan lalu restart apache

5.Buka web https://pastebin.com/86hQyhwN

copy code panah digambar dan paste ke file php.ini

Setelah itu restart apachenya.

6.Buka Visual Code dan masuk ke preference lalu setting

7.copy code dari paste bin ke setting.json visual code

Perlu diingat baris pada baris "php.validate.executablePath": "E:\\wamp\bin\\php\\php7.0.29\\php.exe",  
agar disesuaikan path wamp pada saat diinstall

"php.validate.executablePath": "E:\\wamp\bin\\php\\php7.0.29\\php.exe",

8.Buka file codingan dari php dibawah adalah contoh codingan php

9.klik icon debug / icon serangga

10.klik posisi seperti panah digambar untuk meletakkan break point atau titik awal debugging

11.Buka browser dan arahkan codingan contoh php diatas tadi menggunakan google chrome

12.Klik reload di browser google chrome lalu cepat lihat di visual code seharusnya warna break point 
sudah berubah warna kuning ini artinya debugging dengan visual code berhasil dijalankan

13.Klik icon seperti yang ditunjukkan digambar untuk next debugging atau F10

Selesai