VSCODE 에서 PHP 개발 환경 구축 with XAMPP | 친절한 직장인K씨

XAMPP 설치

1. 파일 다운로드 (사이트 경로 : https://www.apachefriends.org)
2. 설치하기
    - PHP 개발에 필요한 Apache, MySQL, PHP 항목만 선택한다.

 

 

VSCODE 개발 환경 구축

1. C:\xampp\htdocs\ 디렉토리에 프로젝트 폴더 생성 (ex. C:\xampp\htdocs\프로젝트폴더
2. 생성한 프로젝트 폴더를 VSCODE로 실행
3. 상단 메뉴 터미널 → 기본 빌드 작업 구성 → 탬플릿에서 tasks.json 파일 만들기 → 옵션 중 아무거나 선택
4. 프로젝트 폴더 내에 자동 생성 tasks.json 파일의 내용을 모두 지우고 아래 코드 입력
   

   {
       "version": "2.0.0",
       "command": "chrome",
       "windows": {
           "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
       },
       "args": [
           "localhost\\${workspaceRootFolderName}\\${fileBasename}"
       ],
       // "group": {
       //     "kind": "build",
       //     "isDefault": true
       // }
   }​

5. 내PC → 속성 → 고급시스템설정 → 환경변수 → 시스템변수 → 새로만들기
    - 변수 이름 : PHP
    - 변수 값 :  C:\xampp\php
6. VSCODE에서 확장프로그램 (PHP Intelephense, PHP Debug) 설치 

 

 

로컬 개발 환경 실행

1. XAMPP Control Panel 에서 "start" 버튼 클릭
2. VSCODE 에서 "ctrl + shift + b" → tasks.json 에서 설정한 파일 → "작업 출력을 스캔하지 않고 계속" 선택
   *tasks.json 에서 설정한 파일 : C:\\Program Files (x86)\\Google\Chrome\Application\chrome.exe