VSCode에서 PHP 디버깅 - Xdebug

PHP 개발을 VSCode(Visual Studio Code)에서... Xdebug를 연동하여 디버깅에 활용하는 방법을 정리해봤습니다.

 

1. VSCode 마켓플레이스에서 PHP Debug를 설치합니다...

 

 

2. 오른쪽 상세페이지에서 설치하는 방법이 영문으로 상세히 소개되어 있습니다..

이 과정을 따라서 해봤습니다..

 

 

3. test.php파일에 간단한 코드를 작성하여 저장 후 로컬 호스트에서 실행합니다.

4. 실행 결과 파일에서 전체내용을 선택한 후 복사합니다.

 

5. xdebug.org/wizard 페이지의 Installation Wizard의 텍스트 박스에 복사한 내용을 붙여 넣기 합니다.

6. 위의 화면에서 화면 하단의 Analyse my phpinof() output 버튼을 클릭하면 아래 화면을 볼 수 있습니다.

아래 지시사항대로 실행하겠습니다.

 

 

7. 위의 내용에서 1번의 녹색 글자 링크를 클릭하여   dll파일을 다운로드하여서 3번의 내용대로  xampp를 설치한 경로에서 php> ext폴더 아래에 넣습니다.

 

 

8. xampp> php폴더에서 php.ini파일을 찾아서 편집합니다.

 

 

9. 아래 내용대로 php.ini파일을 수정합니다.(경로는 6번 그림의 내용 중 3번을 복사하고 나머지 내용은 직접 입력하거나 2번 내용의 그림에서 vscode에서 php debug 설치하던 상세 내용을 복사하여 넣으면 됩니다.

 

10. 서버를 stop 하였다가 start 합니다.

11. test.php 파일을 다시 실행하여 아래 내용을 확인합니다.

 

12. VScode 편집기도 종료했다가 다시 실행합니다.

13. 코드 편집 화면에서 테스트 코드로 확인하면 됩니다... 

먼저 F5를 눌러 디버깅을 실행 후 파일을 로컬 호스트에서 실행하면 중단점을 설정한 곳에서 실행이 멈추고 화면 왼쪽에서 변수의 값을 확인할 수 있습니다.