VS Code 사용자 정의

Visual Studio Code
사용자 지정
코드 편집기 테마
VS Code 사용자 정의 cover image

소개

Visual Studio Code(VS Code)는 강력한 기능과 가벼운 디자인을 제공하여 전 세계 개발자가 선택한 코드 편집기이기 때문에 기술 업계에서 가장 인기 있는 코드 편집기 중 하나입니다. 그 인기는 부분적으로는 화려하고 눈길을 끄는 코딩 공간을 만들 수 있는 사용자 정의 가능한 외관에 기인합니다. 이 문서에서는 코드 편집기 테마, 아이콘 테마, 도구 모음 색상 변경을 포함하여 기본 설정에 맞게 코드 모양을 사용자 지정하는 방법을 살펴보겠습니다.

아이콘 테마

Visual Studio Code의 기본 아이콘은 괜찮지만 시각적인 즐거움을 누릴 수 있는데 왜 이것으로 제한합니까? 시각적 매력과 유용성을 모두 향상시키는 아이콘 테마를 사용하여 파일 탐색기의 모양을 변경할 수 있습니다.

개발자들 사이에서 가장 인기 있는 선택 중 하나는 Material Icon Theme 확장입니다. 이 확장 프로그램을 사용하면 파일 탐색기에 Google의 머티리얼 디자인을 모델로 한 다채롭고 잘 구성된 아이콘 컬렉션이 있습니다. 모든 종류의 파일에는 고유하고 즉시 식별 가능한 아이콘이 있어 작업 공간이 전체적으로 더 좋아 보입니다.

머티리얼 아이콘 테마 확장을 설치하려면 다음 단계를 따르세요.

  1. 비주얼 스튜디오 코드를 엽니다.

  2. 창 왼쪽 도구 모음에서 확장 아이콘을 클릭하여 확장 보기로 이동합니다.

  3. "Material Icon Theme"를 검색하고 설치를 클릭하세요.

설치 후 왼쪽 하단의 톱니바퀴 아이콘을 클릭하고 "파일 아이콘 테마"를 선택하여 머티리얼 아이콘 테마를 선택합니다.

코드 편집기 테마

이제 파일 탐색기가 괜찮아 보였으므로 코드 편집기 자체에 집중하겠습니다. VS Code의 기본 밝은 테마와 어두운 테마는 훌륭하지만 좀 더 개인화되고 세련된 테마를 원하는 경우가 있습니다.

특히 어둠 속에서 코딩을 원하는 사람들을 위한 좋은 테마 옵션 중 하나는 Night Owl 테마 확장입니다. 대비와 가독성을 염두에 두고 제작된 Night Owl은 장시간 코딩 세션 동안 눈의 피로를 완화하는 데 도움이 되는 차분한 색상 구성을 갖추고 있습니다.

Night Owl 테마 확장을 설치하려면:

확장 보기로 이동합니다.

"Night Owl"을 검색하고 설치를 클릭하세요.

설치 후 명령 팔레트(Windows/Linux에서는 Ctrl+Shift+P, macOS에서는 Cmd+Shift+P)를 열고 "색상 테마"를 선택한 다음 설치된 테마 목록에서 Night Owl을 선택하여 Night Owl을 테마로 선택하세요. 코드 편집기에서.

툴바 색상

이제 코드 편집기의 모양과 느낌이 완벽해졌습니다. 이제 도구 모음 색상을 사용자 정의하여 아이싱을 맨 위에 배치해 보겠습니다. 공작 확장이 작동하는 곳은 다음과 같습니다.

Peacock 확장 덕분에 코드 편집기 측면에 있는 도구 모음의 색상을 변경하여 작업 공간을 사용자 정의할 수 있습니다. 이는 미학적으로도 즐거울 뿐만 아니라 VS Code의 여러 인스턴스가 열려 있는 경우 인스턴스를 구별하는 데도 도움이 될 수 있습니다.

Peacock 확장을 설치하려면:

  1. 확장 보기로 이동합니다.

  2. "Peacock"을 검색하고 설치를 클릭하세요.

설치 후 명령 팔레트를 열고 "Peacock: 색상 입력"을 검색한 다음 vs 코드 도구 모음에 설정하려는 색상의 16진수 값을 입력하여 도구 모음 색상을 사용자 정의할 수 있습니다.

결론

Visual Studio 코드를 사용자 지정하는 것은 단순히 색상을 변경하는 것 이상입니다. 또한 자신의 스타일에 맞는 코딩 환경을 조성하고 생산성을 높여야 합니다. 따라서 자유롭게 놀면서 외관 측면에서 상상력을 자극하는 코딩 영역을 만들고 놀라운 VS Code의 다른 멋진 기능을 탐색해 보세요. 즐거운 코딩하세요!


Career Services background pattern

취업 서비스

Contact Section background image

계속 연락하자

Code Labs Academy © 2024 판권 소유.