[laravel] sail 로 xdebug 설정

#참고:각 모듈별 버전 - 글 작성 당시 기준
PHP: 8.1.2
Laravel : Docker Sail 사용 laravelsail/php81-composer
Node / NPM : 18.19.0 / 10.2.3
xdebug : 3.1 << 설치확인할것
설치상세: https://ssnail.tistory.com/52

---

1) sail 첫 설정시 기본적으로 wsl ubuntu에 설치되어 있는 아파치는 스탑

sudo systemctl stop apache2 

2) vscode
소스폴더 경로를 열어준다. 예) 작업폴더 : /home/usr/apps/ex-app
Debug 파일 생성 launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for Sail Xdebug",
            "type": "php",
            "request": "launch",
            "port": 9003,
            "pathMappings": {
                "/var/www/html": "${workspaceFolder}"
            },
            "hostname": "127.0.0.1",
            "ignore": ["**/vendor/**/*.php"],
            "xdebugSettings": {
                "max_data": 65536,
                "show_hidden": 1,
                "max_children": 100,
                "max_depth": 3
            }
        },
    ]
}

3) .env 파일

SAIL_XDEBUG_MODE=develop,debug

4) xdebug 브라우저 익스텐션 해당되는거 설치 (난 크롬 이용)
https://xdebug.org/docs/step_debug#browser-extensions

debug 모드 ON!

5) sail Restart

./vendor/bin/sail down && ./vendor/bin/sail up -d

6) 중단점을 찍어준다.
routes/web.php 추천

7) F5 실행 테스트