[VSCode] Visual Studio Code 테마 변경 및 추천

인트로

안녕하세요. 오늘은 VS Code 의 테마 변경 및 여러 가지 테마들에 대해 포스팅하겠습니다. 

최근, 개발을 다시 시작하려 하며 텍스트 에디터를 선택 중이였는데요. 특정 언어에 종속적이지 않은 에디터를 찾다 보니 VS Code가 가장 대중적이며 많이 사용된다는 사실을 깨달았습니다. 

 

따라서 오늘은 Visual Studio Code 의 테마를 변경해보겠습니다. Visual Studio Code는 MicroSoft에서 개발한 텍스트 에디터로 , 윈도우/macOS/리눅스를 모두 지원합니다. 또한 터미널을 자체 내장하고 있어 별도의 터미널 창을 열 필요가 없어 편리합니다. 

 

그럼 Visual Studio의 테마 변경하는 법을 포스팅한 후 VS Code의 여러가지 기본 내장 테마에 대해 설명해드리겠습니다 :) 

 

1. 테마 변경하기

1. Visual Studio Code의 상단 메뉴에서 View > Command Palette 를 선택합니다. 

 

2. 검색창의 Prefereneces : Color Theme을 선택합니다. 

 

3. 1,2방법 또는

F1를 눌러 검색창에서 theme 을 검색하여 Developer : Generate Color Theme From Current Settings를 선택합니다. 

 

4. 여러분이 원하는 테마를 선택합니다. 

 

VS Code는 내장 테마이외에 여러가지 테마들을 마켓플레이스(Marketplace)에서 설치하여 사용할 수 있습니다. 

대표적으로 Atom, Material, One dark Pro, dracula 등이 있습니다. 

 

또한 사용자가 직접 커스터마이징하여 사용할 수 있다는 차별점을 가진 텍스트 에디터입니다. 

참고 : https://code.visualstudio.com/docs/getstarted/themes

 

2. 다양한 VS Code  테마

에디터 테마에 따라 코드가 깔끔해 보이며 구분이 쉽기 때문에 개발자의 개발 생산성을 위해 테마는 중요합니다.

여러가지 테마들 중 기본적인/보편적으로 많이 사용하는 테마 3가지를 소개해드리겠습니다. 

 

1) Visual Studio Code > Light (Visual Studio) 버전

가장 기본적인 테마로, Visual Studio의 Light 버전에 맞게 제공되고 있습니다.

 

2) Visual Studio >  Dark (Visual Studo) 버전

기본으로 제공되는 Dark 버전입니다. 

 

3)  Visual Studio >   Atom One Dark 테마 

VS Code의 검색창에 "Atom One Dark" 를 입력받으면 최상단 링크에서 다운받으실 수 있습니다. 

"Atom One Dark" 는 개발자가 많이 다운로드한 테마 중 하나입니다.  

 

링크 : https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark 

Atom One Dark Theme - Visual Studio Marketplace

 

3)  Visual Studio >   Material 테마 

VS Code의 검색창에 "Material" 를 입력하시면 최상단 링크에서 다운받으실 수 있습니다. 

기본적으로 파일 형식에 따라 아이콘으로 나타내어 주며, 인기가 많은 테마입니다. 

 

링크 : https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme 

Material Theme - Visual Studio Marketplace

 

 

이상으로 포스팅을 마치겠습니다 :) 

감사합니다.