VSCode에 XDebug3 설치하기

3757 단어 dockerphpvscodexdebug
코드의 상태에 따라 코드를 디버그합니다. 종종 고문을 당합니다. 프로젝트에 대해 전혀 알지 못하고 정보를 반환하기 위해 각 엔드포인트가 전달하는 위치를 식별해야 하는 없이 새로운 환경에 도착한다고 상상해 보세요.

이 프로세스를 돕기 위해 디버그를 사용할 수 있습니다. 이 게시물에서는 설치xdebug 방법과 vscode와 함께 사용하는 방법을 보여드리겠습니다.

XDebug 설치



가장 먼저 할 일은 xdebug를 설치하는 것입니다.
Linux를 사용하는 경우 다음 명령을 사용하십시오.

sudo apt-get install php7.4-xdebug

💡원하는 버전으로 php 변경

다른 버전의 운영 체제를 사용하는 경우 더 나은 설치를 위해 공식 웹 사이트를 방문하십시오.

https://xdebug.org/docs/install

xdebug 활성화



XDebug를 다운로드하고 설치한 후 php.ini 에서 확장을 등록하고 활성화해야 합니다. 이를 위해 파일을 열고 마지막에 다음 줄을 추가합니다.

[xdebug]
zend_extension=xdebug
xdebug.mode=debug

💡 이러한 변경 사항을 적용한 후에는 웹 서버를 다시 시작해야 합니다.

VSCode



이제 모든 것이 준비되었으므로 xdebug를 사용하는 방법을 vscode에 보여주기만 하면 됩니다. 이를 위해 확장이 준비되어 있으므로 설치하기만 하면 됩니다.

https://marketplace.visualstudio.com/items?itemName=xdebug.php-debug

VSCode 구성



설치 후 "Run and Debug"의 사이드바를 클릭할 수 있으며 시작을 누르면 .vscode/launch.json에 구성 파일이 자동으로 생성됩니다.

문제가 있는 경우 다음 파일입니다.




이 파일에는 두 가지 설정이 있습니다. 하나는 브라우저를 사용할 때 사용할 수 있고 두 번째는 파일을 직접 실행하는 것입니다(명령줄을 사용하는 것처럼).



엑스트라



도커



docker에서 사용하려면 몇 가지 사항을 더 따라야 합니다. 동일한 프로세스를 따르지만 php.ini에서 파일을 구성할 때 두 줄을 더 추가해야 합니다.




xdebug.start_with_request=yes
xdebug.client_host=host.docker.internal


보다 완전한 버전을 보려면 makefile을 따르십시오.




<script id="gist-ltag"src="https://gist.github.com/walternascimentobarroso/08109a16abf5938c34a2bb7efe3e126b.js"/>


마지막으로 launch.json를 수정하고 pathmappings를 추가하고 변경하기만 하면 됩니다.




"configurations": [{
    ...,
    "pathMappings": {
        "remote/path/to/webroot/": "${workspaceFolder}",
    }
}]


예:




<script id="gist-ltag"src="https://gist.github.com/walternascimentobarroso/96547c061aa205de4434e11accdb5627.js"/>



<시간/>

읽어 주셔서 감사합니다!



질문, 불만 또는 팁이 있는 경우 여기 댓글에 남겨주세요. 기꺼이 답변해 드리겠습니다!



😊😊 만나요! 😊😊



<시간/>

지원 해줘





Github - WalterNascimentoBarroso

Codepen - WalterNascimentoBarroso

좋은 웹페이지 즐겨찾기