IntelliJ에서도 가장 인기 있던 Material Theme가 VSCode에도 있습니다.
02. Material icon theme
Visual Studio Code 에서 직관적인 아이콘으로 변경됩니다.
03. Prettier
VScode에서는 2가지의 Formatter가 가장 많이 사용되는데 2가지가 있습니다.
Prettier가 코드를 강제적으로 변경을 시킨다면 Beautify는 좀더 자유롭게 놔두는 편입니다.
Prettier가 짜증 날 수도 있습니다.
04. bracket pair colorizer
Bracket Pair Colorizer 는 코드에서 사용되는 괄호를 짝을 맞추어 다르게 해주어 직관적으로 괄호의 범위를 알 수 있도록 도와주는 확장 도구이다.
05. Indent-rainbow
이 확장은 텍스트 앞의 들여 쓰기를 각 단계에서 4 가지 색상으로 번갈아 표시합니다.
06. Auto rename tag
태그의 이름을 바꾸면 쌍을 이루는 닫힘 태그의 이름이 자동으로 바뀝니다.
07. CSS PEEK
css를 html 에서 금방 찾을수 있도록 도와줌 , ctrl 키를 누른채 클릭하면 css파일로 이동됨
08. HTML CSS SUPPORT
html 에서 css의 자동완성을 이용할 수 있다
09. LIVE SERVER
css, html 을 수정해 저장하면 Live로 변경되는것을 확인 할 수 있다.
10. PHP Intelephense
기타 : Kite
AI기반 코드 자동 완성 툴 Kite 는 VS Code에서 빠르고 똑똑하게 코딩할 수 있게 도와주는 AI를 기반으로한 무료 코드 자동 완성 '툴' 입니다.
04. bracket pair colorizer
Bracket Pair Colorizer 는 코드에서 사용되는 괄호를 짝을 맞추어 다르게 해주어 직관적으로 괄호의 범위를 알 수 있도록 도와주는 확장 도구이다.
05. Indent-rainbow
이 확장은 텍스트 앞의 들여 쓰기를 각 단계에서 4 가지 색상으로 번갈아 표시합니다.
06. Auto rename tag
태그의 이름을 바꾸면 쌍을 이루는 닫힘 태그의 이름이 자동으로 바뀝니다.
07. CSS PEEK
css를 html 에서 금방 찾을수 있도록 도와줌 , ctrl 키를 누른채 클릭하면 css파일로 이동됨
08. HTML CSS SUPPORT
html 에서 css의 자동완성을 이용할 수 있다
09. LIVE SERVER
css, html 을 수정해 저장하면 Live로 변경되는것을 확인 할 수 있다.
10. PHP Intelephense
문서, 작업 영역, 기본 제공 생성자, 메서드 및 함수에 대한 자세한 서명 도움 오류 허용 구문 분석기를 통해 열린 파일에 대한 여러 구문 분석 오류 진단 및 자동 정렬해준다
Shift + Alt + F (Windows), Shift + Option + F (MAC)
기타 : Kite
AI기반 코드 자동 완성 툴 Kite 는 VS Code에서 빠르고 똑똑하게 코딩할 수 있게 도와주는 AI를 기반으로한 무료 코드 자동 완성 '툴' 입니다.