Visual studio code php 실행 방법

• 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

Visual Studio Code 에서 PHP 프로그래밍 및 디버그를 해보겠습니다.

Visual Studio Code 홈페이지에서 PHP 프로그래밍을 하는 방법에 대하여 소개되어 있는 페이지가 있습니다. 아래 링크를 클릭해 주세요.

https://code.visualstudio.com/docs/languages/php

이 페이지대로만 하면 쉽게 할 수 있겠다고 생각하겠지만 그렇지 않습니다.

전제 조건으로 PHP가 컴퓨터에 설치되어 있어야 합니다.

1. http 서버 및 php 설치

    - http 서버는 apache를 사용해도 되고 윈도우에서 제공하는 iis를 중 원하는 서버를 설치 및 설정합니다.

    - php는 홈페이지에서 직접 다운로드 받아서 설치합니다. iis의 경우 "웹 플랫폼 설치 관리자"를 통해 php를 설치할 수도 있습니다.

2. PHP 확장프로그램 설치

    - 서버 설정 및 php 설치가 완료되었으면 visual studio code 확장 프로그램 중 PHP IntelliSense 와 PHP Debug 를 설치합니다.

3. php 실행파일 경로 설정

    - 설치가 완료되었으면 상단 메뉴 중 파일(F) - 기본 설정(P) - 설정(S) 로 들어가서 php 실행파일 경로를 지정합니다.

4. 디버깅

    - 디버깅을 위해서는 xdebug 를 설치해야 합니다. (저는 여기서 막혀서 좀 해맸습니다.)

    4-1, xdebug 설치 방법

        - 가장 쉽게 xdebug를 설치하는 방법은 xdebug install wizard 페이지(https://xdebug.org/wizard.php)에 phpinfo의 정보를 복사해서 붙여넣기 하면 설치 방법을 알려줍니다.

        4-1-1) xdebug 파일(dll 파일 1개)을 다운로드 받습니다.

        4-1-2) php설치폴더 하위에 있는 ext" 폴더에 다운로드 받은 dll 파일을 복사합니다.

        4-1-3) php설치폴더에 있는 php.ini 파일을 편집기로 열어서 xdebug 관련 설정 값을 추가합니다.

[XDebug]

zend_extension="xdebug dll 파일이 있는 경로"

xdebug.remote_enable = 1

xdebug.remote_autostart = 1

        4-1-4) 웹 서버를 재시작 합니다.

    - xdebug 설치가 완료된 후에 visual studio code 를 재시작합니다.

    - php 폴더를 추가하고 php 파일을 열고 F5 버튼을 클릭하면 디버그 언어를 선택하는 창이 나타납니다(java php 등)

    - php를 선택하면 xdebug를 활용하여 디버깅을 할 수 있습니다.

감사합니다.

VSCode에서 Xampp로 php 파일 브라우저에 띄우기 : How to run php file in visual studio code with xampp

Xampp 설치가 완료된 이후의 내용입니다.

1. C:\xampp\htdocs 안에 프로젝트 폴더 만들기

- xampp 폴더는 설치시 위치가 다양하겠지만, 프로젝트들이 xampp\htdocs 폴더 안에 있어야 합니다.

- 저는 test라는 프로젝트 폴더를 만들었습니다.

- C:\xampp\htdocs\test

3. 상단 메뉴에서 Terminal > Configure Default Build Task >Open task.json file 클릭

4. task.json 파일 자동으로 생성됨

5. 위의 task.json 내용 아래와 같이 작성한 후 저장

- command : 브라우저 exe파일 위치 

- arg : localhost\test\index.php 같은 형태의 링크로 브라우저에 뜰 것임

{

"version": "0.1.0",

"command": "chrome",

"windows": {

"command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"

},

"args": ["localhost\\${workspaceRootFolderName}\\${fileBasename}"]

}

6. index.php 만들기

내용은 임시로 작성했습니다! 언제나 hello world....!

6.  index.php파일에서 Ctrl +  Shift + B 를 누르면 Chrome 브러우저가 뜨면서 페이지를 볼 수 있습니다.

- 참고링크 : https://www.youtube.com/watch?v=ADicfQ2WAiQ&t=36s