Fresh Paint - VS Code에 새로운 모습 부여하기

2017년 6월 20일 Wade Anderson, @waderyan_

매력적인 편집기 디자인은 모든 전업 개발자에게 필수적입니다. 우리는 편집기에서 많은 시간을 보내며, 항상 신선하고 흥미롭게 유지하고 싶어합니다!

Visual Studio Code는 많은 사용자 정의 기능을 지원하며, 특히 환경의 디자인을 변경할 수 있습니다. 이 블로그에서는 색상 테마, 파일 아이콘 테마 및 코드 편집기의 모양과 느낌을 변경하는 기타 설정에 대해 알아보겠습니다.

색상 테마

강력한 사용자 정의 기능 중 하나는 색상 테마를 변경하는 기능입니다. 색상 테마는 편집기 배경, 텍스트, 언어 구문 등에 대한 색상 집합입니다. VS Code에는 여러 가지 기본 제공 테마가 포함되어 있으며 Marketplace에서 설치할 수 있는 수백 가지가 있습니다.

VS Code 팀에서 사용하는 몇 가지 인기 테마는 아래에 표시된 **Sapphire**, **Nord**, **Ayu**입니다.

Sapphire 테마

Marketplace - Sapphire 테마

개발자 - Daniel Imms

sapphire color theme

Nord

Marketplace - Nord

개발자 - arcticicestudio

nord color theme

Ayu

Marketplace - Ayu

개발자 - teabyii

ayu color theme

파일 아이콘 테마

파일 아이콘 테마를 사용하면 탐색기 및 탭에서 다채로운 아이콘을 통해 파일 유형을 빠르게 확인할 수 있습니다. 다음은 VSCode Great Icons의 지원되는 아이콘 스크린샷입니다.

vscode great icons

색상 테마와 마찬가지로 Marketplace에는 인기 있는 파일 아이콘 테마가 많이 있습니다.

글꼴 리거처

VS Code의 디자인을 보기 좋게 만들기 위해 조정할 수 있는 설정은 많습니다. 제가 가장 좋아하는 설정 중 하나는 글꼴 리거처로, 두 개의 문자가 하나의 표현력 있는 문자로 결합됩니다. "editor.fontLigatures"를 true로 설정하여 글꼴 리거처를 활성화하십시오. Fira Code와 같이 글꼴 리거처를 지원하는 글꼴이 설치되어 있어야 합니다.

font ligatures

Wade Anderson, VS Code 팀원 @waderyan_