Loading...
KUKJIN LEE
Posted 3 months ago
vscode-icons로 코드 작업 환경 최적화하는 방법
VSCode를 더 멋지고 사용하기 쉽게 만들어주는 확장 프로그램 중 하나가 바로 vscode-icons입니다.
1. vscode-icons 설치 방법
-
VSCode 열기: 먼저 VSCode를 실행합니다.
-
확장 메뉴 접근: 왼쪽 사이드바에서 네모 아이콘을 클릭하여 확장 메뉴로 이동합니다.
-
검색: 상단 검색창에
vscode-icons를 입력합니다. -
설치: 검색 결과에서
vscode-icons를 찾아 설치 버튼을 클릭합니다. -
활성화: 설치 후 "활성화" 버튼을 클릭하여 확장을 활성화합니다.
설치 후 활성화를 생략했다면 아래 방법을 이용해주세요.
2. vscode-icons 설정 방법
-
파일 아이콘 테마 변경:
-
VSCode 메뉴에서
File->Preferences->File Icon Theme를 선택합니다. -
vscode-icons를 선택하여 아이콘 테마를 적용합니다.
-
3. 유용한 팁
-
업데이트 확인:
vscode-icons는 지속적으로 업데이트됩니다. 정기적으로 확장을 업데이트하여 최신 기능을 활용하세요. (예를 들어, TypeScript가 나왔을 때, ts 관련 아이콘이 추가됩니다.) -
테마와의 조합:
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과 같은 아이콘으로 변경됩니다. 사용에는 큰 문제가 없지만, 거슬린다면 특정 파일의 아이콘을 변경할 수 있습니다.
