Vim Plugin - NERDTree

Vim 을 쓰다보니 또 VSCode 보다 불편한 점을 발견할 수 있었는데요. 바로 VSCode 에서 애용하던 File Navigattion System 이 없다는 것이었습니다. 바로 이미지 좌측에 보이는 저것이에요.

자주 여러 파일을 이동해야하는 경우에 Navigation System 이 없다는 이유만으로 자꾸 다시 VSCode 로 손이 가게 되더라고요. 그래서 Vim 에서는 해결방법이 없을지 찾아보다가 알게된 것이 바로 NERDTree 입니다. 바로 Vim 만의 파일탐색기 같은 것이에요. 제가 메인 텍스트 에디터로 Vim 을 사용하려는 이유 중 한가지가 작업을 할 때 Terminal 에서 키보드만으로 거의 모든 작업을 진행할 수 있다는 것인데요. VSCode 를 사용하면 또 마우스를 사용해야 하다보면 여러가지 불편한 상황이 만들어졌습니다. 진정한 개발자는 마우스가 필요없는 것 아시죠?

아무튼 그래서 바로 NERDTree 를 설치하기로 했어요.

NERDTree 설치하기

NERDTree 도 결국 일종의 Vim Plugin 이니까 Vundle 을 사용해서 간단하게 설치를 진행해보도록 하겠습니다. Vundle 설치가 익숙하지 않다면 Vim: Vundle 및 Markdown Plugin 설치하기 포스팅을 참고해주세요.

먼저 NERDTree 설치를 위해서 NERDTree Github 에 들어갑니다. 우리는 Vundle 로 설치를 하기로 했으니까 README 에서 Vundle 로 설치하는 방법을 찾아볼게요.

Plugin 'preservim/nerdtree'

Vundle 도 계속 쓰다보니 Homebrew 만큼 편하고 좋은 툴인 것 같아요 ㅎㅎ 이렇게 설치도 끝났고 본격적으로 NERDTree 에 대해 함께 공부해보도록 할게요.

NERDTree 사용법 익히기

NERDTree 를 사용하기 위해서는 기본적으로 Vim 을 실행해야 합니다. Vim Plugin 이니까 당연하지 Vim 을 실행했다면 : 을 눌러 커맨드 모드로 진입하고 NERDTree 를 입력해볼게요. 대소문자를 정확히 입력해야 합니다.

오!! VSCode 에서 봤던 파일탐색기와 거의 비슷한게 생겼어요 ㅎㅎㅎ 파일 탐색은 화살표 키 또는 hjkl 로 가능합니다. 폴더나 파일을 열기 위해서는 o 키를 누르면 되고요. 파일을 열게되면 자동으로 커서가 파일로 옮겨지고 더 이상 NERDTree 에서 파일이동을 할 수가 없을텐데요. 이 때는 Control + w + w 를 눌러 창 간의 포커싱 이동이 가능합니다. 다시 돌아와서 q 를 눌러 창을 닫을 수도 있습니다. 이외에도 ? 를 눌러 Bookmark 등 더 다양한 사용법을 확인해 볼 수 있습니다.

그리고 파일명을 바꾸거나 선택되어 있는 파일을 Finder 에서 확인하는 등의 다양한 옵션에 m 을 눌러서 접근할 수 있습니다. 이 중 원하는 옵션을 선택하거나 esc 키를 눌러서 종료해 주세요.

이 정도면 VSCode 의 파일탐색기를 어느정도 대체할 수 있을 것 같아요. 그럼 마지막으로 NERDTree 사용 시 쓸만한 단축키들을 정리하고 프스팅 마치도록 하겠습니다.

유용한 단축키 모음

NERDTree Shortcuts

Control Windows