* 본 글은 nomad coder에서 무료로 제공해주신 개발자를 위한 윈도우 셋업 강의에서 본 내용을 토대로 정리한 것입니다.
Windows 10에는 기본적으로 Windows PowerShell이라는 터미널이 존재합니다. 하지만 모두들 알다시피 PowerShell의 비주얼은 아래와 같이 사용하고 싶은 욕구가 단 1도 일어나지 않습니다... :(
이왕 개발할 거면 터미널이라도 보기 좋게 커스터마이징하는 것이 좋지 않을까! 그런 마음으로 터미널을 커스터마이징 해보고자 했습니다.
오늘 포스팅을 따라오기 전에 해주셔야 할 것들이 있습니다!
1. WSL2 설치하기
-> 리눅스 쉘을 기반으로 커스터마이징 할 거라서 WSL2를 설치하지 않았다면 이전에 작성했던 포스팅을 참고해주세요!
2. Microsoft Store에서 터미널 설치하기
3. VS Code 설치하기
4. oh-my-zsh 테마 중 Powerlevel10K에서 적용할 폰트(MesloLGS NF) 다운받기
-> 여기로 가셔서 4개의 파일을 각각 클릭 후 download 누르시고 다운 받은 파일들을 실행하여 설치해주시면 됩니다.
1. Windows Terminal 설정하기
(1) 기본 터미널을 Ubuntu로 설정하기
Windows Terminal을 실행시키면 기본 터미널이 Windows PowerShell인 것을 확인하실 수 있습니다. 위 캡처와 같이 ∨ 를 누르셔서 설정을 눌러주세요.
VS Code에서 settings.json 파일이 열리는데 본 파일에는 Microsoft Terminal 프로그램 내 터미널 환경을 설정할 수 있는 내용들이 담겨있습니다. 그중에서 위 내용처럼 Ubuntu 20.04 라는 것을 WSL2로 바꾸면 Windows Terminal에서 ∨ 를 눌렀을 때 보이는 이름을 변경할 수 있습니다. 사실 이건 그렇게 크게 중요한 내용은 아니고요! 중요한 것은 WSL2를 기본 터미널로 설정하는 것이겠죠?
상단의 캡처처럼 settings.json 안에 defaultProfile을 설정하는 key-value 쌍이 존재하는데요. WSL profile 쪽에 기재되어 있는 guid의 value 값을 복사하여 defaultProfile의 value값에 덮어줍시다. 그렇게 되면 Windows Terminal을 실행시킬 때마다 WSL이 기본으로 실행됩니다.
(2) 기본 폰트를 'MesloLGS NF'로 설정
아래에서 Oh My Zsh의 테마인 Powerlevel10K를 적용하기 위해서는 MesloLGS NF 폰트를 적용시켜줘야 합니다. 꼭 이 폰트가 아니어도 D2 Coding 등 이모지와 다양한 유니코드까지 지원할 수 있는 폰트면 되는 걸로 알고 있습니다! 하지만 저는 이 폰트에 불만이 없으므로 MesloLGS NF 폰트를 설치하여 적용하게 되었습니다.
위처럼 settings.json에서 defaults 영역에 "fontFace": "MesloLGS NF" 를 한 줄 추가해주시면 기본 폰트를 설정하실 수 있습니다. 기본 폰트를 설정하게 되면 Windows Terminal에서 키는 모든 터미널(PowerShell, 명령 프롬프트, Azure Cloud Shell, WSL 등)에 폰트가 적용됩니다. 각 터미널에서 적용하고자 한다면 아래 캡처처럼 defaults가 아닌, list 내부에 존재하는 특정 터미널 영역에서 환경 설정을 해주시면 됩니다.
2. ZSH 및 Oh My Zsh 설치하기
우분투에서 아래 명령어를 쳐줍니다. 이후 Y/N 여부 묻는 것들은 전부 Y를 해주세요!
sudo apt install zsh
zsh 설치가 완료되면 아래 명령어를 쳐주세요! oh my zsh를 설치하는 겁니다. oh my zsh를 설치한 후 기본 쉘로 oh my zsh를 이용할 것이냐는 물음이 뜨는데 본인의 의사에 맞게 답변을 쳐주시면 됩니다. 근데 여기까지 와서 기본 쉘로 oh my zsh를 설정하지 않는 사람... 있나요? 있다면... 바보...
sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
3. Oh My Zsh 테마 설치하기 - Powerlevel10K
Oh My Zsh는 다양한 테마를 지원하며, 저는 그 테마 중 하나인 Powerlevel10K를 설치하고자 합니다. 상당히 많은 테마들이 존재하는데 사실 대부분의 개발자분들이 agnoster나 Powerlevel10K를 애용하십니다. 저는 포맷 이전에는 agnoster를 이용했고 큰 불편함은 없었지만, 이번에는 조금 더 이쁘다고 생각되는 Powerlevel10K를 사용해보도록 하겠습니다.
아래 명령어를 통해 oh my zsh 쉘 하위 디렉토리에 powerlevel10k를 클론해줍시다!
sudo git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k
Powerlevel10K를 설치한 후에는 해당 테마를 기본 테마로 설정해줘야 합니다. 우선 아래 명령어를 통해 zsh의 환경 설정을 할 수 있는 파일을 열어줍니다. 만약 vim 편집기 이용 방법을 모르시는 분들은 https://blog.lael.be/post/7321 여기를 참고해주시거나, 빠르게 VS Code로 편집해주시는 것을 권장드립니다.
vim ~/.zshrc // vim 에디터
code ~/.zshrc // VScode
이후, robbyrussell로 설정되어 있는 ZSH_THEME을 powerlevel10k/powerlevel10k로 수정해준 후, 저장하고 파일을 닫아줍시다.
이후 Windows Terminal을 닫아준 후 새로 열어보면 아래와 같이 일련의 질문들이 계속 뜨게 됩니다. 알아서 Powerlevel10K 테마에 적응해주는 과정이니, 보이는 대로 답을 해주시면 됩니다. 여기서 만약 폰트를 적용하지 않았다면 그냥 네모 박스만 계속 뜨실 테니까 꼭 폰트를 설치한 후 적용해주시기 바랍니다!
혹여나 위 과정을 중간에 실수로 꺼버리셨거나, 추후에 다시 하고 싶으신 분들이 계신다면 아래 명령어를 통해 위 configuration wizard를 다시 만나보실 수 있습니다.
p10k configure
적용된 후 모습은 아래 그림과 같습니다. 아니 근데 한글이 왜 인코딩이 제대로 안 될까요...?^^; 후,,,,,,
+ 위 문제는 우분투에서의 한글 깨짐 현상으로 인한 것이라 https://seulkom.tistory.com/100 여기를 보고 고쳐냈습니다!
4. 조금 더 외관을 이쁘게 꾸며 보기
(1) ls color 변경하기
리눅스 명령어 ls를 쳤을 때 위 사진에서처럼 끔찍한 배경색을 확인할 수 있습니다. 뭔가 큰 에러라도 난 듯한 비주얼이죠. 아래 순서에 맞춰 ls color를 황급히 바꿔줍시다.
1) zshrc 파일 열기
vim ~/.zshrc // vim 편집기
code ~/.zshrc // VS Code
// 둘 중 하나만 하시면 됩니다. 어쨌든 zshrc 파일을 여는 게 중요합니다!2) 해당 파일 안에 아래 내용을 추가하기. 맨 밑에 주석과 함께 추가하는 것을 권장드립니다.
LS_COLORS="ow=01;36;40" && export LS_COLORS
(2) Windows Terminal 테마 변경하기
https://terminalsplash.com/를 들어가보시면 터미널 프로그램 자체의 테마도 수정할 수 있는 소스코드가 제공됩니다. 사용법은 다음과 같습니다.
1) 희망하는 테마 하단에 있는 code를 클릭
2) 해당 소스코드를 복사
3) Windows Terminal을 킨 상태에서 Ctrl + , 를 눌러서 settings.json 열기
4) "schemes": [], 되어 있는 곳에서 대괄호 안쪽에 복사한 소스코드를 붙여넣기. 만약 복사한 소스코드 안에 name이라는 key가 존재하지 않는다면 "name" : "사용할 이름", 을 써넣어주기
5) settings.json 에서 profile list 중 WSL 쪽으로 가서 colorScheme key를 추가해준 후 value로는 4번에서 지정하거나 이미 쓰여있는 name으로 맞춰서 넣어주기.
그 결과 다음과 같은 비주얼로 거듭나는 것을 확인할 수 있습니다.
reference
https://github.com/ohmyzsh/ohmyzsh
'Dev > 환경 설정' 카테고리의 다른 글
| Ubuntu에서 CMake 설치 방법 (0) | 2021.03.15 |
|---|---|
| sublime text에서 terminal 이용하는 방법 (0) | 2020.09.05 |
| [linux] zsh에서 pip를 이용한 설치 시 경로(PATH) 에러 해결 (1) | 2020.08.28 |
| 리눅스 C/C++ 개발 환경 설정 (Vim, Visual Studio Code) (0) | 2020.06.24 |
| WSL2 (Windows Subsystem for Linux 2) 설치 방법 (2) | 2020.06.23 |