개발속도를 업시켜주는 zsh 여러 플러그인(zsh-autosuggestions, highlight style, fzf, zsh-z)

개발속도를 향상시켜주는 zsh의 여러 플러그인 설정하는 방법에 대해 살펴보겠습니다. 기억력이 좋지 않은 저에게는 굉장히 유용한 도구 인 것 같아요 :)!

제 환경은 window에 wsl2를 깔아서 ubuntu22.04를 설치해놓은 상태입니다 :)

 

1. zsh-autosuggestions 적용하기

zsh-autosuggentios git에 가서 git clone하기

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

 

 

git clone완료!

 

편집기로 숨겨진 zshrc파일로 가서 plugin 찾기

vi ~/.zshrc

 

plugins = (git) --> plugins =(git zsh-autosuggestions)로 바꿔주기

 

 

변경사항 적용하기

. ~/.zshrc

 

변경내용을 영구적으로 저장합니다! 

 

잘 적용이 되었는지 터미널에서 확인하기

 

터미널에 git만 써도 이전에 썻던 기록이 옅은 색깔로 출력됩니다 ! 여기서 방향키 ↑ 누르면 이전명령어기록이 자동완성됩니다!

 

2. zsh-autosuggestions Highlight Style 적용하기

다시 편집기로 zshrc로 이동

vi ~/.zshrc

 

zsh-autosuggestions Highlight style 코드 삽입

해당 링크에 있는 style 코드를 zshrc파일 안에 빈 줄에 삽입합니다.

ZSH_AUTOSUGGEST_HIGHLIGHT_STYLE="fg=#ff00ff,bg=cyan,bold,underline"

 

그리고 마지막엔 :wq!로 저장하고 편집기를 나가주세요!

 

변경사항 적용하기

. ~/.zshrc

위의 코드로 변경사항을 저장해줍니다.

 

터미널에 명령어을 눌렀을 때, 색상이 적용된 것을 볼 수 있습니다!

하지만.. 눈이 너무 아픈 핫핑크.. 색상을 변경해주도록하겠습니다..!

 

다른 색상 변경하기

다시 편집기로 zshrc로 가서, style색상을 변경해줍니다. 

 

. ~/.zshrc로 변경사항 적용한 후에 테스트를 해보았더니....!

색상이 변경되었습니다! 다른 색상 변경 관련 내용은 해당 링크를 참고해주세요 !

 

3. zsh-syntax-highlighting 추가

zsh-autosuggestions의 색상을 적용하였고, 이번에는 명령어에 색상을 칠해주고, 틀린 명령어를 다른 색깔로 구분해주는 플러그인이 있습니다! 이 플러그인을 쓰면 오타를 사전에 방지할 수 있을 것 같습니다!

 

zsh-syntax-highlighting git clone하기

먼저 zsh-syntax-highlighting git을 clone해주세요!

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git

그 사이에 windows terminal 테마를 변경했습니다. 시력보호를 위해 검은색으로..!

zsh-syntaz-highlighting 명령어 zshrc에 추가

echo "source ${(q-)PWD}/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh" >> ${ZDOTDIR:-$HOME}/.zshrc

 

변경사항 적용하기

. ~/.zshrc

적용 결과 살펴보기

플러그인 덕분에 한결 더 똑똑해진 터미널을 만들게 되었습니다!

4. zsh-z 설정

zsh-z는 여러번 입력했던 디렉토리를 기억해 어느 위치에서건 최종 디렉토리 명을 입력하면 바로 이동할 수 있습니다.

 

zsh-z git clone

git clone https://github.com/agkozak/zsh-z $ZSH_CUSTOM/plugins/zsh-z

 

zshrc 편집기로 이동

vi ~/.zshrc

 

 

기존에 plugins=(git zsh-autosuggestions) 였다면 zsh-z를 설정하기 위해 plugins=(git zsh-autosuggestions z)으로 z를 추가해서 수정합니다.

• 입력모드 i 로 변경
• plugins=(git zsh-autosuggestions z) 로 수정
• ESC로 명령모드 전환
• wq!로 저장 후 종료!

수정된 내용 반영하기

. ~/.zshrc

zsh-z가 반영된 결과

home안에 있는 anaconda3폴더 위치로 이동하려면 anaconda3를 다치는게 아니라 z ana 만 써도 알아서 찾아주는 놀라운 기능입니다! 폴더명이 기억이 안날 때 굉장히 유용하게 쓸 수 있는 기능인 것 같습니다.

다만, 별칭의 동일 폴더가 있을 경우 충돌이 있을 수 있으니 조금 길게 쓰는걸 추천합니다. 

 

5. fzf 설정

Ubuntu에서 fzf설치

해당 링크를 참고해서 fzf설치를 해주시면 됩니다. 저는 Ubuntu22.04환경이라 명령어가 sudo apt-get으로 설치했는데, mac이나 window나 다른 os는 다른 명령어로 fzf를 깔아주시면 됩니다!

git clone --depth 1 https://github.com/junegunn/fzf.git ~/.fzf
~/.fzf/install

source <(fzf --zsh)

. ~/.zshrc

 

 

적용 후, Ctrl + R을 눌러서 fzf가 잘 실행되는지 확인해 봅시다. 

 

이전에 친 명령어가 기억이 나지 않을 때 사용하면 굉장히 유용한 도구가 될 것 같습니다.