vim 에서 html 작성할때 굉장히 편리한 플러그인 emmet-vim

Posted by MinSik on March 11, 2015
그동안 vi에서 html 작성할때마다 너무 귀찮다는 생각을 했었다.
레일즈 개발할때는 haml을 사용해서 괜찮았는데...
그래서 오늘 검색을 해보다 알게된 플러그인이 있는데
사용해보니 생각보다 훨씬 편리했다.

이름은 emmet 이고 주소는 https://github.com/mattn/emmet-vim
나는 vundle을 사용해서 .vimrc 파일에

Plugin 'mattn/emmet-vim'

위에 처럼 한줄만 추가하면 설치가 된다.

간단히 말하면 css selector 문법처럼 쓰고 단축키로 ctrl + y + , 를 누르면 html 태그가 생성된다.
예를 들어서

div#page>div.logo+ul#navigation>li*5>a

위와 같이 입력하고 단축키를 누르면 아래 코드가 생성된다.