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

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