VSCode php 설정 > 셋팅-링크

• 목록

1. 다운로드 : https://visualstudio.microsoft.com/ko/downloads/

2. File > Preferences > Settings

    "php.validate.executablePath" : "C:/설치한 폴더/php.exe",
    "php.validate.run" : "onType",
    "php.validate.enable" : false


3. extensions 설치
 

    php / devsense : All-in-One PHP support

    tabnine : 자동완성

    PHP Intelephense : 문서, 작업 영역, 기본 제공 생성자, 메서드 및 함수에 대한 자세한 서명 도움
                       오류 허용 구문 분석기를 통해 열린 파일에 대한 여러 구문 분석 오류 진단
    PHP Extension Pack
    phpfmt - PHP formatter : 코드 정렬 단축키 : Shift + Alt + F (Windows), Shift + Option + F (MAC)
    PHP Constructor
    
    PHP Snippets
    PHP Awesome Snippets
    PHP Snippets from PHPStorm

    Project Manager
    Path Autocomplete
    Path Intellisense

    Material Theme : 테마 - 좌측하단 / 설정
    Material Icon Theme : 폴더 파일 아이콘
    Bracket Pair Colorizer 2 : 괄호별 색깔
    indent-rainbow : 들여쓰기 색깔

    Bracket Pair Colorizer 2  : 매칭되는 괄호() 끼리 짝을 맞추어 색깔로 표시해 줍니다.
    Highlight Matching Tag : 매칭되는 태그를 색깔로 구분시켜 표시해 줍니다.

    Format HTML in PHP : HTML이 혼용된 파일에서 HTML 영역을 선택, 마우스 우클릭하면 코드정렬
    Auto Close Tag : HTML 닫기 태그를 자동으로 추가
    Auto Rename Tag : HTML 태그명 자동으로 바꿔줌
    Auto Complete Tag
    Highlight Matching Tag

    ESLint : JavaScript 문법검사
    Prettier ESLint
    
    HTML CSS Support
    HTML Snippets : HTML 자동 완성 기능
    Mithril Emmet
    IntelliSense for CSS class names in HTML : CSS 자동완성 기능을 제공해 주는 확장 기능입니다.
    Class autocomplete for HTML
    CSS Peek  : Ctrl을 누르고 id나 class 이름에 마우스를 올리면 현재 적용되어 있는 CSS를 보여준다.
                        그 상태로 이름을 클릭하면 곧바로 CSS파일의 해당 위치로 커서가 이동한다.
                        동일한 CSS파일 내에 중복으로 정의가 되어 있다면 참조 화면이 생성되어 해당 내용을 보여준다.

    ftp-kr : ftp 연결하여 저장시 서버에 바로 업로드

    Prettier :
        대중적으로 쓰이는 Formatter,
        저장할 때마다 자동으로 코드를 정렬해준다.
        beautify와 동시에 사용하면 충돌
        기본 설정하기 : 'Ctrl + ,' -> formatOnSave 검색 -> check
    Prettier - Code formatter :
        자동으로 코드 전체를 같은 포맷으로 저장해줍니다.
        정렬되어 있지 않은 코드들을 정렬해 주는 기능입니다.        
    Prettier ESLint


    Beautify
        코드 들여쓰기를 정리해주는 확장기능
        설치 후 키 지정 필요    
        기본 설정하기 : 파일>기본설정>바로가기키> HookyQR.beautify 검색 후 단축키 지정


    debugger for chrome

    PHP File Link

    
    
4. VS Code 유용한 단축키

    Tool을 처음 사용할 때 필수인 단축키도 알아봅시다! 더 많은 단축키는 keyboard Shortcut에서 확인하실 수 있어요

    Window(Mac) : 내용
    Ctrl(Cmd) + D : 반복되는 코드를 한번에 수정
    F2 : 변수명, 함수명 한번에 수정
    Alt(opt) + ↑ 또는 ↓ : 코드 위, 아래로 이동 (여러 줄도 가능해요)
    Shift + Alt(opt) + ↑ 또는 ↓ : 코드 위, 아래로 복사
    Ctrl(Cmd) + / : 주석처리, 주석해제
    Alt(opt) + 마우스 클릭 : 여러 곳에 커서 두고 수정 (위치 다를 때)
    Ctrl(Cmd) + Alt(opt) + ↑ 또는 ↓ : 여러 곳에 커서 두고 수정 (세로 위치 같을 때)
    Shift + Alt(opt) + I : 코드의 맨 마지막에 커서 두기
    Shift + Alt(opt) + 마우스 드래그 : 여러 줄을 커서 위치에 맞추어 박스 형태로 선택
    Ctrl(Cmd) + Home 또는 End(↑ 또는 ↓) + 마우스 드래그 : 코드 맨 위/아래로 이동
    Ctrl(Cmd) + B : 사이드바 숨김/표시


5. VS Code 재설치

    1. c\사용자(혹은 user)\Administrator(혹은 사용자 이름)\.vscode 폴더 삭제
    2. c\사용자(혹은 user)\Administrator(혹은 사용자 이름)\AppData\Roaming\code 폴더 삭제
    3. 제어판 – 프로그램 추가/제거 – visual studio code 삭제
    4. vs code 재설치