매우 간단Local by Flywheel로 Visual Studio Code + xdebug 환경을 add-on으로 만들기

TL; DR (too long, don't read)

너무 간단하게되어 감동. 제목 거리

Local by Flywheel (이하, LxF)에서 Add-on으로 VS Code + xdebug를 설치, 활성화

LxF에서 WordPress 만들기

유틸리티에서 활성화 (재부팅)

Visual Studio Code에서 공용 폴더 열기

디버그 테스트 (완료)

환경은 다음과 같습니다.

Local by Flywheel ver 5.7.5+4909 (아마도 5.6.1 이상 필요)

xDebug + VS Code Add-on ver 1.0.4

VS Code 1.49.2

Mac 환경

WordPress (Custom으로 작성 중요)

배경

본직의 프로그래머가 아니라, 가끔, 어쩔 수 없이 프로그램을 쓰므로, 환경 설정은 잊어 버린다. 특히 xdebug 설정은 다소 어렵습니다. phpStorm 은 문서의 링크를 오가거나 하고, 설정에 사고팔고. 방법을 메모해도, 다음에 해 보면, 브레이크 포인트를 스루 된다.

쿠키? 세션? 포트 번호 지정으로 시작? 등, 항상 불안정. 어쨌든, 사쿠토 간단한 코드를, 대단한 테스트는 하지 않지만, 동작을 확실히 체크해 릴리스 하고 싶은 것인데, 그 전의 작업이 힘들고 본말 전도.

···

Local by Flywheel 덕분에 WordPress 환경을 시작하는 것은 매우 간단합니다. 게다가 phpStorm의 애드온 덕분에 디버깅 환경도 꽤 쉬워졌습니다.

그러나, 가끔 밖에 개발하지 않고, 대단한 코드도 쓰지 않는데, phpStorm은 아깝다. 정보도 적기 때문에 vs code로 새장했지만 디버그 환경을 만드는 데 어려움을 겪었습니다.

그것이 Add-on이 출시되어 일발 해결입니다.

스크린샷

Add-ons에서 Xdebug + VS Code를 설치합니다. Enable Launch를 사용하지 않으면 사용할 수 없습니다.


WordPress 환경은 만약을 위해 「커스텀」으로 작성. 확실히, Custom이 아니면 디버그 환경을 만들 수 없다든가, 쓰고 있던 생각이 든다(시험하지 않습니다)


ADD RUN CONFIGURATION TO VS CODE 실행


VS Code에서 "Local Sites > name > app > public"을 열고 디버그 모드. 적당한 곳에 브레이크 포인트를 붙여 테스트 해 본다