Visual Studio Code for PHP 개발 환경 설정 과정

2021.05 기준 설치 버전

• VS CODE 버전: 1.56.2
• Bitnami 버전: 8.0.6
• Xdebug 버전: 3.0.4

 

편리한 IntelliSense, Rename Symbol 등의 기능을 이용하기 위해

오~래 사용하던 메모장, Edit+를 버리고 이제서야 Microsoft VS Code로 갈아타봅니다.

---

VS CODE 설치

Download Visual Studio Code - Mac, Linux, Windows

Download Visual Studio Code - Mac, Linux, Windows

 

확장팩 설치

Bracket Pair Colorizer 2 (괄호를 색상으로 구분해서 보여줌)

Format HTML in PHP (PHP 파일에서 HTML 포맷을 사용할 수 있음)

Highlight (특정 주석을 입력하면 형광펜 처럼 칠해줌)

Korean Language Pack for Visual Studio Code (UI 한글화)

PHP Extension Pack (Debug, IntelliSense 포함. Xdebug로 디버깅, 자동 완성 기능을 사용할 수 있음)

PHP Intelephense (일부 유료 기능, License Key 입력 방식)

PHP Refactor Tool (F2 키로 Rename Symbol)

PHP Xdebug (테스트겸 설치해 봄)

---

Bitnami WAMP 설치

WAMP Cloud Hosting, WAMP Installer, Docker Container and VM (bitnami.com)

WAMP

Web Server Port: 80 (기본값)

 

설치 후, 아래 PHP 소스 코드를 .php 파일로 만들어서 브라우저에서 열기

<?php

phpinfo();

페이지 전체를 복사해서 Xdebug: Support — Tailored Installation Instructions 에 붙여넣고 dll 파일을 내려받음.

dll 파일을 E:\Bitnami\wampstack-8.0.6-0\php\ext 경로에 복사

---

php.ini 수정

[opcache] 항목 마지막에 아래 코드 붙여넣기

zend_extension = "E:/Bitnami/wampstack-8.0.6-0/php/ext/php_xdebug-3.0.4-8.0-vs16-x86_64.dll"

 

settings.json 수정

    "php.validate.enable": true,
    "php.validate.executablePath": "E:/Bitnami/wampstack-8.0.6-0/php/php.exe",
    "php.executablePath": "E:/Bitnami/wampstack-8.0.6-0/php/php.exe",

 

launch.json 수정

Web Server Port 번호와 같아야 페이지 내용을 긁어서 디버그 콘솔에 출력할 수 있다.

"port": 80

---

기타 설정

브라우저에서 php 파일 새로고침 적용이 안 될 때 캐시 끄기

php.ini 에서 opcache.enable=0

 

터미널에서 php 명령어 사용하기

시스템 - 고급 시스템 설정 - 환경 변수 - 시스템 변수에서 Path 항목 편집

 

php.exe 경로 추가

 

settings.json 수정

"editor.fontFamily": "D2Coding,

O, 0, 1, I, l 글자를 쉽게 구분할 수 있습니다.

naver/d2codingfont: D2 Coding 글꼴 (github.com)

naver/d2codingfont