메뉴 닫기

Visual Studio Code 나만의 테마 만들기

Visual Studio Code용 자신만의 테마를 만들기 위한 방법을 간단히 소개해 드립니다.

공식 홈페이지에도 소개가 돼 있긴 한데, 너무 축약돼 있어서 풀어서 적어 봅니다.

 

  1. 테마를 생성하기 위해 yo code라는 프로그램 설치가 필요한데, 이를 위해 먼저 Node.js를 설치해야 합니다. Node.js 홈페이지에서 다운로드 받으신 후에 설치합니다.
  2. Visual Studio Code를 연 상태라면 닫았다가 다시 엽니다.
  3. 터미널 창을 엽니다(Ctrl+`).
  4. 터미널에 npm install -g yo generator-code을 입력합니다.
  5. 그러면 Yo Code가 설치될텐데요, 설치가 완료되면 yo code라고 입력합니다.
  6. 최초 테마 원본 소스 파일을 다운로드 받아야 하는데, Colorsublime에서 적절한 테마를 선택한 후에 해당 테마의 다운로드 링크 주소를 복사해서 붙여넣습니다.
  7. 이후에 물어보는 것들에 적절히 대답하면 현재 폴더 하위에 지정한 이름으로 테마 폴더가 생성될 것입니다.
  8. 해당 테마 폴더를 %USERPROFILE%\.vscode\extensions 폴더에 복사해 넣습니다.
  9. Visual Studio Code에서 해당 테마를 선택하면 완료입니다.

댓글 남기기