2012년 4월 26일 목요일

coffeescript 설치 및 개발환경 구성

먼저 coffeescript 관련 바이너리를 받자.
node 가 깔려있으면 npm install -g coffee-script 해본다
coffee 라고 쳐서 뜨면 ok. Ubuntu 11.10에서 확인.
만일 경로를 못찾으면 http://stackoverflow.com/questions/6985457/cant-install-coffeescript-on-ubuntu-lts 여기 답변처럼 구버전을 깔아본다.


wget --no-check-certificate https://registry.npmjs.org/coffee-script/-/coffee-script-1.1.2.tgz
npm install -g coffee-script-1.1.2.tgz


순서대로 한다. 현재 1.3.1인데 1.1.2를 깔아쓰는게 굉장히 찝찝하지만 나중에 더 좋은 방법이 있으면 수정해야지. 아마 이 글을 읽는 여러분은 저짓을 안해도 되길 바란다.
해보니까 경로를 못찾아도 vim 실행하는데는 문제가 없으니까 그냥 내버려둔다.

그럼 다음으로 개발환경을 구성할 건데. 뭘 쓰든 상관없지만 vim 환경이 있으면 상당히 편하다. 차례대로 해보자.
https://github.com/tpope/vim-pathogen 참조.
먼저 pathogen 을 설치. 복사해서 붙여넣자. wget 을 쓰고 싶으면 curl 대신 wget -o -


mkdir -p ~/.vim/autoload ~/.vim/bundle; \
curl -so ~/.vim/autoload/pathogen.vim \
    https://raw.github.com/tpope/vim-pathogen/HEAD/autoload/pathogen.vim


그 다음 ~/.vimrc 에 다음 한줄 추가하자.

call pathogen#infect()

그 뒤로 진행할지는 알아서. 나는 일단 여기까지만
아까 만들어놓은 bundle 경로로 들어와서 coffee-script plug-in을 넣어주자

cd ~/.vim/bundle
git clone https://github.com/kchmck/vim-coffee-script.git

https://github.com/kchmck/vim-coffee-script 내용 참조.
vim에서 띄우고
:CoffeeCompile watch vert

를 입력. Live Preview 모드다.
당연한 소리지만 가로 분할은

:CoffeeCompile watch hori

파일을 변경할 때마다 지가 알아서 변환한다. 편하다.


너무 알록달록해서 눈이 좀 아프긴하다;;;
사족)
vim의 창 분할은 꽤 편리하다. 별도로 포스트를 분리해도 좋겠지만 대충 쓰면
ctrl+w+v : 세로분할
ctrl+w+n : 가로분할
ctrl+w+(h,j,k,l) : 창간 이동. 좌, 하, 상, 우 순
ctrl+w+w : 다음 창 이동
ctrl+w,c : 창 닫기 (마지막 c는 ctrl키를 뗀다)
ctrl+w+- 혹은 ctrl+w+7 : 현재 창 최대화
ctrl+w+= : 균등 분할 크기 조정
ctrl+w+r : 창회전. (창 영역 서로 바꾸기)
:resize <숫자> : 지정 숫자만큼 열 변경
ctrl+w+<숫자>+ : 지정 숫자만큼 열 증가

ctrl+w+<숫자>- : 지정 숫자만큼 열 감소