Visual Studio Code에서 PHP 코드 실행하기

Preface

이틀 간 맥과 윈도우를 넘나들며 vscode에서 php 코드를 제대로 실행시키는 방법을 찾느라 정말 고생했다.

맥에선 제대로 된 XAMPP 파일을 다운로드하는 것부터 실패했다.

최신 버전엔 MariaDB가 설치되어 있다고 해서 구 버전을 다운로드 받으려했지만, 어째서인지 파일을 다운로드해도 설치 창이 나타나지 않았다.

그래서 다시 최신 버전을 다운로드 했지만, 이번엔 Apache에 MySQL 서버가 연결되지 않았다.

XAMPP에서 MySQL의 경로를 읽지 못하는 것 같아 해결하려고 한참을 고민하다 결국 포기하고 윈도우로 작업을 진행하기로 결정했다.

그런데 해당 책에 소개된 버전의 XAMPP 파일을 다운받고 vscode에서 php코드를 실행하자 localhost 창에서 404 error가 발생했다.

여러 블로그를 둘러보며 모든 설정을 마쳤음에도 불구하고 계속해서 에러가 발생해 가장 최신 버전의 XAMPP를 다운로드한 후 차근차근 설정을 하고 코드를 다시 실행하자 그제서야 크롬에서 내가 작성한 코드의 결과가 제대로 출력됐다.

다음에 다시 vscode와 php, chrome을 연동시킬 상황을 대비하여 연결 방법을 이렇게 글로 적어둔다.

---

1. Apache와 PHP 다운로드받기 (XAMPP 추천)



2. C드라이브의 XAMPP → htdocs 안에 프로젝트 파일 생성하기



3. 생성한 프로젝트 파일 폴더를 vscode에서 열기



4. 상단 메뉴에서 터미널 → 기본 빌드 작업 구성 → create task.json 클릭한 후 아무 옵션이나 클릭하기



5. task.json 파일의 모든 내용을 삭제한 후 새로 입력하기

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    
    "command": "chrome",
    
    "windows": {
    
    "command": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe"
    
    },        
    "args": ["localhost\\${workspaceRootFolderName}\\${fileBasename}"]
}

→ command에는 본인 데스크탑의 크롬 경로 입력하기



6. 환경 변수 생성하기: 내 pc → 속성 → 고급 시스템 설정 → 환경 변수
→ 시스템 변수에서 새로 만들기(이름: PHP, 값: 본인 데스크탑의 php.exe 파일 경로)



7. vscode 설정에서 php를 검색한 후 settings.json 파일을 열어 본인의 php 파일 경로 입력하기

"php.validate.executablePath": "C:\\xampp\\php\\php.exe",
"php.executablePath": "C:\\xampp\\php\\php.exe",
"php.debug.executablePath": "C:\\xampp\\php\\phpdbg.exe"

→ 디버그는 선택 사항



8. 프로젝트 파일 폴더에 *.php를 생성하여 코드를 작성한 후 'ctrl + shift + b'를 눌러 코드 실행해보기
→ 오류가 발생하면 XAMPP에서 Apache의 실행 여부를 확인하기



9. php Intellisence, php debug 등의 플러그인은 필요하면 설치하기