유용한 visual studio code 익스텐션 for Web Developer(3)

비쥬얼 스튜디오를 최근에 들여온 아이맥에서 사용하다 불편한 점을 느낀 것이 있다. 바로 다음과 같이 탭창의 아이콘들이 비슷비슷해서 알아먹기 힘들다는 것이였다. 

 

 

이렇게 비슷하게 생겨먹으니 한번에 알아보기도 힘들고 간단한 예제파일을 만들어 한 폴더안에 css,js,html 파일들이 뭉쳐있을때는 더욱 가관이였다. 그래서 익스텐션중에 이쁜 icon 테마를 찾던 중 material icon이라는 익스텐션을 찾았다. 

 

마테리얼 icon이 지원하는 수 많은 파일 아이콘들 

 

마테리얼 아이콘은 내가 사용하는 모든 파일형식의 아이콘을 다 가지고 있었고 파일형식 간 식별하기도 매우 좋았다. 

 

마테리얼 아이콘 테마를 적용한 결과

 

또한 작업영역에 나오는 폴더들 또한 다음 과 같이 아이콘화 되며 폴더명에 따라 폴더의 아이콘이 변하는 모습을 볼 수 있다.   

 

또한 마테리얼 아이콘은 자체적으로 가지고 있는 테마도 여럿 있으며 커스텀 한 아이콘을 삽입하여 사용할 수 있다.  

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

Material Icon Theme - Visual Studio Marketplace

 

notice 

 

링크를 따라가 설치해도 되지만 마테리얼 아이콘은 vs code상에서 익스텐션 input폼에서 material icon 이라고 입력하여 설치 할 수 도 있다.