-
zsh 테마 적용 (feat. VSCode 터미널 테마)Common/환경 설정 2023. 3. 1. 16:58
스터디를 하다가 문득 강의 속 터미널이 너무 예뻐서 찾아 본 VSCode 터미널 테마 바꾸는 방법
맥 프로를 사용 중인데, 자동으로 맥 자체 터미널도 스타일이 바뀌게 된다.
Oh-my-zsh 설치
일단 스타일 변경을 위해 oh-my-zsh 설치가 필요!
아래 명령을 실행해서 설치를 진행했다.
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
설치가 완료 되면, VSCode에서 사용하는 터미널이 자동으로 변경되어 있어서 별도 설정할 필요가 없었다.
아래 링크에 설치 중 발생할 수 있는 오류에 대한 정보가 담겨 있지만, 나는 설치가 잘 되어서 패스.
설치를 하고 나면, 기본 스타일이 robbyrussell이고 대부분 agnostar 라는 테마를 사용 하는 예제가 있다.
그런데 iTerm 설치를 하지 않고 기본 터미널을 쓰면서 agnostar 테마를 쓸 경우, 터미널에서는 글씨가 전혀 보이지 않는다.
그래서 나는 일단 기본 테마를 사용하게 두었다.
VSCode 스타일 변경
VSCode 내의 터미널 스타일 변경은 단순하다.
아래의 테마 사이트에서 원하는 색 테마를 선택해서, Copy to Clipboard를 한 뒤 설정에 붙여 넣으면 된다.
https://glitchbone.github.io/vscode-base16-term/#/
VSCode의 설정에 들어가 workbench.colorCustomizations 검색을 하면 json 파일에서 수정하라는 링크가 뜬다.
설정에 들어가서 위에서 복사한 테마를 아래와 같이 json 영역 안에 붙여 넣으면 된다.
기존 설정은 그대로 둔 상태에서, 편집하려는 속성 안의 값 만을 변경해야 한다. settings.json 파일은 VSCode 전반의 설정 파일이므로 다른 정보들을 삭제할 경우 기껏 설정해 둔 것들이 날라갈 수 있으니 주의가 필요하다.
이렇게 간단하게 수정ㅇ르 하면 아래와 같이 적당히 예쁜 색상을 가진 VSCode의 터미널을 가질 수 있게 된다.oh-my-zsh는 이보다 더 다양한 플러그인과 설정이 있으므로 터미널을 좀 더 예쁘게 쓰고 싶다면 별도로 공부가 필요할 듯 하다.'Common > 환경 설정' 카테고리의 다른 글
Ignite 프로젝트 생성 (feat. Command `pod install` failed) (0) 2023.03.26 Mac m1 - react native 개발 세팅 (feat. Nomad Coder) + 업데이트 (0) 2023.03.25 맥 Ventura 개발 세팅 (Homebrew, nvm, node 설치) (0) 2023.01.15