VSCode 로 개발하기

VSCode Great Icons 아이콘 테마

링크 : https://marketplace.visualstudio.com/items?itemName=emmanuelbeziat.vscode-great-icons

설치 후 파일 > 기본설정 > 파일 아이콘 테마 에서 VSCode Great Icons 선택

들여 쓰기를 보다 쉽게 볼 수 있는 간단한 확장 기능

링크 : https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

이 확장은 텍스트 앞의 들여 쓰기를 각 단계에서 4 가지 색상으로 번갈아 표시합니다.

파일 > 기본설정 > 설정에서

위와 같이 설정시 space(.) 와 tab(->) 을 별도로 표시해 주어 같이 사용하면 좋습니다.

Visual Studio IDE와 마찬가지로 페어링 된 HTML / XML 태그의 이름을 자동으로 바꿉니다.

링크 : https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Visual Studio IED 또는 Sublime Text와 마찬가지로 HTML / XML 닫기 태그를 자동으로 추가합니다.

링크 : https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

시작 태그의 닫기 괄호를 입력한 후 닫기 태그가 자동으로 삽입됩니다.

Sublime Text 3 모드

</ 입력시 자동으로 닫기 태그를 추가하려면 (Sublime Text 3 와 동일) 아래 설정을 true 로 다음과 같이 설정하십시오.

{

    "auto-close-tag.SublimeText3Mode": true

}

윈도우 : https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

맥OS : https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

리눅스 : https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf