vscode-icons로 코드 작업 환경 최적화하는 방법

VSCode를 더 멋지고 사용하기 쉽게 만들어주는 확장 프로그램 중 하나가 바로 vscode-icons입니다.

 

1. vscode-icons 설치 방법

1. VSCode 열기: 먼저 VSCode를 실행합니다.

2. 확장 메뉴 접근: 왼쪽 사이드바에서 네모 아이콘을 클릭하여 확장 메뉴로 이동합니다.

3. 검색: 상단 검색창에 vscode-icons를 입력합니다.

4. 설치: 검색 결과에서 vscode-icons를 찾아 설치 버튼을 클릭합니다.

5. 활성화: 설치 후 "활성화" 버튼을 클릭하여 확장을 활성화합니다.

설치 후 활성화를 생략했다면 아래 방법을 이용해주세요.

 

 

2. vscode-icons 설정 방법

1. 파일 아이콘 테마 변경:

   • VSCode 메뉴에서 File -> Preferences -> File Icon Theme를 선택합니다.

   • vscode-icons를 선택하여 아이콘 테마를 적용합니다.

 

3. 유용한 팁

1. 업데이트 확인: vscode-icons는 지속적으로 업데이트됩니다. 정기적으로 확장을 업데이트하여 최신 기능을 활용하세요. (예를 들어, TypeScript가 나왔을 때, ts 관련 아이콘이 추가됩니다.)

2. 테마와의 조합: vscode-icons는 다양한 컬러 테마와 잘 어울립니다. 자신에게 맞는 테마와 함께 사용해 보세요.

 

자주 묻는 질문 (FAQ)

• Q: 아이콘이 제대로 보이지 않아요.

  • A: VSCode를 재시작하거나, 설정 파일을 확인해 보세요. 필요한 경우 vscode-icons를 재설치할 수도 있습니다.

• Q: 특정 파일의 아이콘을 변경하고 싶어요.

  • A: 설정 파일(settings.json)에서 vsicons.associations.files 옵션을 사용하여 원하는 파일 유형에 아이콘을 매핑할 수 있습니다.

특정 파일의 아이콘을 변경하는 경우, 예를 들어 /fashion/style/page라는 경로가 있다고 가정했을 때, style이라는 폴더를 public/style로 인식해서 fashion 밑의 style 폴더도 public/style과 같은 아이콘으로 변경됩니다. 사용에는 큰 문제가 없지만, 거슬린다면 특정 파일의 아이콘을 변경할 수 있습니다.