vscode 확장프로그램 기본 필수 설치 + 추가

없으면 불편한, 필수설치

- Live Server : html 작성시 변경된 화면 즉시 확인

vscode 하단의 "Go Live"클릭시 브라우저에서 자동실행/업데이트 ( 단축키 alt + L, alt + O / cmd + L, cmd + O)

 

- Live Sass Compiler : sass/scss를 css로 자동 컴파일

vscode 하단의 "Watch my Sass" 클릭시 자동 컴파일 (sass/scss 파일은 파일명 앞에 "_"로 시작해야함)

 

- Prettier : 코드 정렬

prettier의 버전, 경로 등 설정이 필요함

 

- Error lens : 직관적인 에러 표시

 

 

설치하면 생산성이 올라가는

- GitLens : 해당 코드의 작성자, 커밋이력, 메시지 등 미리보기

 

- Git Graph : git 그래프를 시각적으로 보여주는 확장자

 

- Auto Rename Tag : html 태그 수정시 시작태그와 종료태그를 자동으로 함께 수정 (prettier에 있는 기능)

 

- Code Spell Checker : 사전에 없거나 자주 사용되지 않는 단어 사용시 경고  (prettier에 있는 기능)

 

- Material Icon Theme : 파일확장자에 따른 아이콘 테마

 

- TODO Highlighter : 주석에 하이라이트처리로 눈에 띄게 (비슷한 종류 많음)

 

- Turbo Console log : 눈에 띄는 콘솔 자동생성