vscode 익스텐션

vscode 테마 변경

Community Material Theme 설치

색 테마 설정 or Set Color Theme 버튼 클릭 화면

vscode의 테마를 변경하는 데 사용할 수 있는 익스텐션은 Community Material Theme이다. 설치 후 "색 테마 설정" 혹은 "Set Color Theme" 버튼을 클릭하면 색을 선택할 수 있는 창이 나온다. 선택을 할 때마다 테마가 바뀌는 것을 확인할 수 있다.

 

Icon 이미지 변경

Material Icon Theme 설치

아이콘 모양 예시

파일에 형태에 따라서 아이콘 모양이 나타나는 익스텐션이다. 위의 예시에 나타나는 아이콘 이미지 외에도 굉장히 다양한 파일들 및 폴더에 대해 지원이 되고 있어 파일 아이콘만으로 구분하기가 쉽다.

 

코드 자동 정렬 

Prettier 설치

Prettier는 코드를 저장할 때 해당 코드를 자동적으로 정렬해주는 익스텐션이다. 여러 사람이 협업을 할 경우 코드의 정렬이 달라 알아보기 힘든 경우도 있고, 실수로 html의 닫힘태그를 빼먹는 등의 실수를 할 수 있다. 그럴 때 아주 요긴한 익스텐션이다.