VSCode의 Debug Extension 설정 정보

미리 만들다

요 몇 년 동안 나의 일을 말하자면, 오로지 스케줄을 주시하고 있다
그리고 사용자와 개발자의 틈바구니에 지친 캐릭터(땀)
여러 가지 상황에 따라 절차를 접할 기회를 얻었다.
PHP, mySQL 작업이지만 대체로 Windows 계열은 개발 환경에 전념하고 있습니다.
Visual Studio는 SQLServer, IIS를 사용하기로 결정했습니다.

본론

따라서 우선 개발 환경의 준비부터 PHP 개발을 진행할 때 편집기,
아이디 뭐가 좋을까요?
회사에서는 모두가 좋아하는 물건을 자유롭게 사용하고 있는 것 같다.
Subliem Text, Atom, NetBeans, Eclipse 등 우수한 제품이 많습니다!
그런데 저기, MS 아이?네, 선택했습니다「Visual Studio Code」.
이번에는 VScode에서 디버깅 환경에 빠져서 비망록에
쓰고 싶어요.

Visual Studio 코드

*2016년 출시된 v1.0의 Microsoft 오픈 소스 편집기
* Visual Studio(IDE)와 달리 항상 편집기
*Mac OS X에서도 사용 가능
* 확장 가능한 많은 플러그인
*Git와 협력 가능
등등
다음은 설치 절차입니다.

PHP Debug 및 Xdebug 설정

이번에는 Apache, MySQL, PHP에 대해 초보자가 쉽게 설치할 수 있는 MAMP를 사용했습니다.
나는 Mac으로 환경을 준비했다.
아래에서 소프트웨어 패키지를 다운로드하여 마법사에 따라 설치하십시오.
MAMP
https://www.mamp.info/en/downloads/
VSCode
https://code.visualstudio.com/
개발은 이미 매우 빨리 시작할 수 있는 상태이지만, 효과적으로 개발하기 위해
디버깅 환경이 중요합니다!
var_dump 출력 화면으로 확인하는 것은 기본이지만, 단점을 설정하기 번거롭습니다
단계 실행이 끝난 후 디버깅도 더욱 효과적이다.
Visual Studio(IDE)는 표준 기능이지만 VScode는 항상 편집기입니다.
플러그인을 추가합니다.

VSCode를 시작하고 화면 왼쪽 도구 모음 아래쪽에 있는 흰색 사각형 아이콘을 선택합니다.
그리고 검색 창에서 "php"로 검색합니다.검색됨
PHP Debug 1.11.1(Debug support for PHP with XDebug)의 설치 단추를 누릅니다.
설치는 여기서 끝냅니다.
다음은 디버깅 시작 프로필 launch입니다.json을 만듭니다.

화면 왼쪽의 도구 모음에서 벌레 아이콘을 선택합니다.
그런 다음 화면 상단의 기어 아이콘을 선택합니다.환경 선택 PHP.
이렇게 하면 자동으로 launch가 됩니다.json 파일이 생성됩니다.
(/htdocs/.vscode/에서 생성)

다음은 기본 내용에 다음과 같은 내용을 추가합니다.

"serverSourceRoot": "/Applications/MAMP/htdocs/xxxxx",　
"localSourceRoot": "${workspaceRoot}"

서버 소스 루트 디렉토리는 환경에 따라 원격 서버의 문서 루트 디렉토리를 지정합니다.
localSourceRoot에서 지정한 ${workspaceRoot} 은 VScode에서 열린 디렉터리를 참조합니다.
다음은 php.ini를 열고 xdebug를 설정합니다.

PHP를 MAMP에 설치할 때 xdebug도 함께 설치합니다.
기본적으로 설정이 설정되어 있지 않으므로 주석된 부분을 취소합니다.
MAMP를 사용하여 설치할 때 PHP가 MAMP 산하에 설치됨
/Applications/MAMP/bin/php/{사용 버전}/conf/에 있는 php입니다.ini를 편집합니다.
다음 설정을 추가합니다.

xdebug.remote_enable=on
xdebug.remote_autostart=1
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.remote_host=localhost
xdebug.remote_port=9000
xdebug.idekey=Listen for XDebug
xdebug.profiler_enable=1
xdebug.profiler_output_dir="/Applications/MAMP/tmp"

아파치를 다시 시작하고 phpinfo에 xdebug 프로젝트를 표시하면 성공!

그럼 우리 집행해 봅시다
적절한 프로그램을 엽니다.

화면 왼쪽의 도구막대에서 벌레 아이콘을 눌러 코드의 적당한 위치에 단점을 지정합니다.(붉은 동그라미에)
그리고 화면 상단의 디버깅 시작 버튼을 누르세요.이때 debug 구조는 방금 launch입니다.json에 설정된 내용을 선택하십시오.
브라우저로 대상의 화면에 접근해 보세요.

네, 성공했습니다!!
이해하기 어렵지만 인터럽트가 설정된 곳은 노란색으로 강조표시되며 처리는 PAUSE입니다.각종 변수의 값도 화면 왼쪽에 표시되어 한눈에 확인할 수 있습니다!

총결산

처음에는 MAMP 환경에서 설정했지만 그 결과 여러 가지 문제로 인해 PHP·xdebug를 단독으로 다시 설치하기로 결정했지만 기본적으로 같은 작업에서 설정할 수 있다.
VScode뿐만 아니라 NetBeans와 PHPStorm도 설정할 수 있기 때문에 프로그램 초보자도 코드를 이해하기 쉬우니 한 번 시도해 보세요