VS 코드에서 테마를 변경하는 방법

Visual Studio Code는 새로운 코드를 편집하고 작성하는 것을 번거롭지 않고 재미있는 경험으로 바꿔줍니다. VS Code의 기본 어두운 테마는 장시간 작업 후 피로를 유발할 수 있는 일반 거칠고 흰색 배경보다 눈에 더 쉽게 보이도록 설계되었습니다. 하지만 작업하는 동안 화면의 어두운 색상이 마음에 들지 않는다면 어떻게 하시겠습니까?

VS 코드에서 테마를 변경하는 방법

VS Code의 모듈식 디자인의 이점은 화면 색상, 글꼴 및 VS Code의 통합 터미널 자체의 모양까지 포괄하는 다양한 사용자 지정 옵션을 사용하여 원래의 어두운 테마를 자유롭게 변경할 수 있다는 것입니다.

이 기사에서는 VS Code의 테마 변경에 대해 알아야 할 모든 것을 설명합니다.

VS 코드에서 테마를 변경하는 방법

VS Code에서 전체 테마를 변경하는 것은 빠르고 쉽습니다. 수행해야 할 작업은 다음과 같습니다.

  1. VS 코드를 엽니다.

  2. "파일"(macOS의 경우 "코드")을 선택하고 "기본 설정"을 선택한 다음 "색상 테마"를 선택하십시오.

  3. VS Code는 드롭다운 메뉴에서 선택할 수 있는 미리 빌드된 테마를 보여줍니다.

  4. 커서 키를 사용하여 각 테마가 화면에서 직접 어떻게 보이는지 미리 봅니다.

  5. 사용할 테마를 선택하려면 "Enter"를 누르십시오.

테마를 미리 구성된 다른 테마로 변경하는 것은 VS Code를 처음 열 때 가장 먼저 할 일입니다. 코딩은 많은 시간이 소요될 수 있으므로 본인이 편하고 작업할 때 눈이 아프지 않은 테마를 사용하는 것이 좋습니다.

VS 코드에서 터미널 테마를 변경하는 방법

터미널 색상 및 테마에 대해 미리 구성된 여러 옵션을 고수하려는 경우 프로세스는 전체 테마를 변경하는 것과 동일합니다. 모든 통합 테마에는 터미널의 모양을 변경하는 옵션이 포함되어 있지만 메인 메뉴에서 테마 자체의 다른 부분과 분리할 수는 없습니다.

앞서 언급한 단계를 사용하여 테마를 변경하기 전에 터미널 콘솔(Ctrl + Shift + P)을 열어 터미널에 적용된 변경 사항을 미리 봅니다. 일부 테마는 터미널을 변경하지 않지만 다른 테마는 크게 변경할 수 있습니다. 또한 자신이 좋아하는 테마를 적당히 사용하는 것도 처음에 생각했던 것보다 터미널을 더 많이 사용하게 될 수 있기 때문에 좋지 않습니다.

그러나 아래 섹션에서 다룰 터미널 테마를 변경할 수 있는 몇 가지 해결 방법이 있습니다.

VS 코드에서 머티리얼 테마를 변경하는 방법

VS Code의 주요 기능은 코딩 경험을 사용자 정의하고 텍스트 편집기에 더 많은 기능을 제공하는 흥미로운 확장이 너무 많다는 것입니다. 이러한 확장 중 하나는 VS Code Marketplace에서 가장 인기 있는 것 중 하나인 Material Theme입니다.

머티리얼 테마는 사전 사용자 정의된 디자인에 비해 많은 이점이 있지만 일부 사용자는 부족할 수 있습니다. 이 확장의 사용자 설명서에는 필요에 맞게 추가로 변경하는 방법에 대한 몇 가지 팁이 포함되어 있습니다. Material Theme에서 전체 테마를 변경하는 방법은 다음과 같습니다.

  1. 빠른 메뉴를 엽니다(Ctrl + Shift + P).

  2. 프롬프트에 "테마"를 입력합니다.

  3. "기본 설정: 색상 테마"를 선택합니다.

  4. 재료 테마의 사전 설정 중 하나를 선택합니다.

액센트 색상을 설정하면 코드의 일부가 튀어나오므로 진단할 특히 중요하거나 번거로운 라인인 경우 유용할 수 있습니다. 강조 색상을 설정하려면 다음 단계를 따르세요.

  1. 빠른 메뉴를 엽니다(Ctrl + Shift + P).

  2. 프롬프트에 "소재 테마"를 입력합니다.

  3. "소재 테마: 강조 색상 설정"을 선택합니다.

  4. 목록에서 원하는 색상을 선택합니다.

변경된 머티리얼 테마를 통해 기존 수준 이상의 커스터마이징이 가능하며, 그 방법을 알려드리겠습니다.

VS Code에서 테마를 수동으로 사용자 지정하는 방법

VS Code를 사용하면 단순히 몇 가지 사전 설정 간에 변경하는 것보다 훨씬 더 많은 사용자 정의가 가능합니다. 다음은 원하는 대로 테마를 사용자 정의하는 두 가지 방법입니다.

방법 1 – 사용자 정의 테마 다운로드

사용자 정의에 대해 이야기할 때 광범위한 VS Code Marketplace를 언급하지 않을 수 없습니다. 기능을 방해하지 않고 VS Code의 모양만 변경하는 다양한 확장이 있습니다. 테마를 다운로드하는 방법은 다음과 같습니다.

  1. VS 코드 마켓플레이스를 엽니다. 화면 왼쪽에 통합된 "확장" 메뉴를 사용할 수도 있습니다.

  2. 테마를 변경하는 항목만 검색하려면 검색 창에 "테마"를 입력합니다. 우리의 최고 권장 사항 중 하나는 위에서 언급한 재료 테마이지만 가장 적합한 테마를 찾을 수 있을 것입니다.

  3. 확장(브라우저를 사용하는 경우)을 다운로드한 다음 "확장 > 줄임표 아이콘 > VSIX에서 설치"로 이동하여 .VSIX 파일을 설치합니다. 또는 VS Code에서 원하는 테마를 찾으면 해당 테마를 클릭한 다음 세부 정보(오른쪽) 메뉴에서 "설치" 버튼을 선택합니다.

  4. 테마가 설치되고 활성화되면 "기본 설정: 색상 테마" 명령으로 선택합니다.

방법 2 – 테마 편집

모든 테마와 설정은 일반 텍스트를 사용하여 VS Code에 저장됩니다. 다음 단계에 따라 이러한 설정에 액세스하고 원하는 대로 변경합니다.

  1. 워크벤치 또는 사용자 설정 파일을 작성하십시오. 전자는 현재 프로젝트의 모양만 변경하지만 후자는 새 프로젝트에서 그대로 유지됩니다.
  2. 기본 메뉴에서 "기본 설정: 설정 열기" 명령을 입력합니다.

  3. 왼쪽 상단의 탭을 선택하여 사용자 및 워크벤치 설정 중에서 선택하십시오.

  4. "settings.json에서 편집"을 눌러 변경해야 하는 설정이 포함된 파일을 엽니다.

  5. "workbench.colorCustomizations"라는 설정을 찾습니다.

  6. 삽입하여 원하는 테마 변경에 집중

“[테마_이름]”: { }

Theme_name은 변경하려는 테마의 이름입니다. 따옴표를 유지하십시오.

  1. 테마에 대한 추가 변경은 새 괄호에서 이루어집니다. 변경하려는 매개변수의 이름(따옴표)을 입력하고 ':'를 입력한 다음 필요한 적절한 설정을 선택합니다.
  2. 이 안내서를 사용하여 변경하려는 매개변수를 찾으십시오.
  3. 색상은 16진수 코드로 저장됩니다. 색상 16진수 안내선을 사용하여 원하는 색상을 정확히 찾아냅니다.

  4. 변경이 완료되면 파일을 저장합니다.

이 방법은 기본 테마 색상, 배경, 터미널 모양, 버튼 색상 및 글꼴 스타일을 포함한 대부분의 UI 및 코드 모양을 변경하는 데 사용할 수 있습니다.

VS 코드에서 글꼴을 변경하는 방법이 궁금하다면 위에서 설명한 방법 2를 사용하세요. 아마도 글꼴 가이드가 필요할 것입니다.

추가 FAQ

VS Code 테마는 어디에 저장됩니까?

확장에서 오는 테마는 VS Code의 확장 폴더에 저장됩니다. 이 위치는 설치 디렉토리(예: C:)에 있으며 일반적으로 다음 위치에서 찾을 수 있습니다.

~/.vscode/확장자

여기서 "~"는 VS Code의 설치 디렉토리입니다.

기본 테마는 Microsoft VS Code\resources\app\extensions\theme-defaults\themes에 저장됩니다.

그러나 변경할 파일을 찾는 데 시간을 할애할 필요는 없습니다. "settings.json" 파일을 통해 사용자 설정을 변경하면 훨씬 더 빠른 결과를 얻을 수 있습니다.

VS 코드에서 주석 색상을 어떻게 변경합니까?

주석 색상을 변경하려면 "settings.json" 파일을 열고(위에 설명된 "방법 2" 사용) 변경할 테마를 선택한 다음(따옴표 포함) 입력합니다.

"주석" : "#hexcode"

여기서 "hexcode"는 원하는 색상의 코드입니다. 색상 선택기를 사용하여 적절한 색상을 선택합니다.

VS 코드에서 최고의 테마는 무엇입니까?

최고의 VS Code 테마는 프로그래밍 작업에 가장 만족스럽고 유용한 테마입니다. 다른 사용자는 고유한 색상과 테마 기본 설정을 가질 수 있습니다. 고맙게도 사전 구성된 테마, 확장 프로그램 다운로드 또는 원하는 대로 테마를 사용자 지정하는 기능 등 선택할 수 있는 옵션이 많이 있습니다.

테마 선택

이 지침에 따라 원하는 대로 테마를 완전히 사용자 지정할 수 있습니다. 다양한 옵션을 제공하는 VS Code는 여전히 가장 인기 있는 텍스트 편집기 중 하나이며 확장 기능을 통해 새로운 기능을 얻을 수 있어 IDE와 매우 유사합니다.

VS Code에서 어떤 테마를 사용합니까? 선호하는 테마를 변경하셨습니까? 아래 의견 섹션에 알려주십시오.


$config[zx-auto] not found$config[zx-overlay] not found