Visual studio code 의 file tree에 icon 출력하는 방법

..... Bandcy

2017. 5. 17. 10:25

Visual studio code는 Microsoft에서 배포한 IDE입니다. (#)

공식 홈페이지에서 Free. Open source. Runs everywhere. 라고 특징을 소개하고 있습니다.

개인적으로는 Light라는 키워드를 추가해도 좋을 것 같습니다. :-D

일전에 Eddy와 Julian께서 eletron을 review할 때 소개되었던 툴이기도 하죠. (electron으로 개발된 툴입니다.)

최근 ionic2 검증을 시작하면서 Visual studio code를 본격적으로 사용하고 있는데요.

아직 걸음마 단계라 이런 저런 강좌를 많이 찾아서 보면서 다양한 시도를 해 보고 있습니다.

그러던 중, signature pad를 접목하는 youtube샘플을 찾았는데, 그 강좌를 보다가 재미있는 것을 발견했습니다.

youtuber가 사용하는 Visual studio code가 제 것과는 많이 달랐습니다.

그의 file tree는 매우 화려했습니다. 각각의 폴더 및 파일의 좌측에 형형색색의 icon이 붙어 있었습니다.

그래서 찾아보기 시작했습니다.

어떻게 하면 (Visual studio code를 꾸밀 수 있는가) file tree에 icon을 추가할 수 있는가를 말이죠.

방법은 간단합니다.

기본 look, 깔끔 그 자체입니다.

파일 > 기본 설정 > 파일 아이콘 테마 메뉴로 이동합니다.

dropdown list에서 아이콘 테마를 추가로 설치하던가 기설치된 항목 중 하나를 선택하여 적용합니다.

이로써 file tree에 예쁜 icon이 적용되었습니다. (theme name: File icons (#))

기본 설정에서 icon 출력을 지원하지 않았던 것은 아마도 light한 tool을 개발하겠다는 방향성에 기반한 것으로 보입니다.

Visual studio code blog의 내용 중에 file tree에 icon을 출력하는 것이 무겁고, 반면 큰 가치는 느낄 수 없을 것이라고 생각했다는 얘기가 있네요. (#)

References

https://code.visualstudio.com/

Kaonsoft R&D 팀블로그