2011년 12월 29일

vim으로 javascript syntax(문법) 체크하기


vim의 플러그인을 이용하여 자바스크립트 syntax를 체크하여 문제가 있는 부분을 highlighting 할 수 있다.
대표적인 검사 도구인 jslint를 이용한다.
아래 주소에서 plugin를 다운 받는다.(Download 버튼)

https://github.com/hallettj/jslint.vim


압축을 해제하면 ftplugin 이라는 디렉토리를 볼 수 있다.
이 디렉토리를 홈디렉토리 아래에 .vim/ftplugin 이 되도록 복사한다.
그리고, 홈디렉토리 안에 .vimrc 파일에 다음의 내용 정도를 기록하고 저장한다.

filetype plugin on
syntax on
set nu
set ts=4
let $JS_CMD='node'



마지막 줄에 let $JS_CMD='node' 가 중요하다.
이 라인이 없으면 js 파일을 vim으로 열었을 때, "could not invoke JSLint" 라는 에러를 만날 수 있다.
node.js가 설치되어야하며, /usr/bin/node 정도의 위치에 있게 해서 실행가능하도록 해야한다.

사용은 쉽다. .js로 끝나는 자바스크립트 소스를 작성하다가 syntax 에러가 있는 부분이 눈에 띄는 색깔로 표시될 것이다.


참고사이트:
https://github.com/hallettj/jslint.vim
https://github.com/hallettj/jslint.vim/issues/13