기본 콘텐츠로 건너뛰기

글

라벨이 vim인 게시물 표시

amok 에서 vim으로 coffeescript 를 사용하는 법

amok.js  는 아주 빠르고 멋진 코드 갱신을 할 수 있게 하는 작은 툴이다. webpack의 Hot module replacement 와는 차원이 다른 반응속도를 보여준다. 물론, 구조도 더 단순하고 무엇보다 러닝커브가 낮다. uglify 툴로 이전에 언급한 Tracker.js , mithril.min.js , MeteorDDP.js 를 모두 묶어서 util.js 라고 만들고 > uglify -s MeteorDDP.js,Tracker.js,mithril.min.js -o util.js html 파일은 간단하게 만들자 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Mamok</title> </head> <body> <script src="./util.js"></script> <script src="./index.js"></script> </body> </html> index.js 를 바라보게 했는데 사실은 index.coffee를 쓸거다. 'use strict' window.addEventListener 'patch', ->   m.redraw() m.module document.body,   view: -> [     m 'h1', 'Hey, Brother.'     m 'h3', m.trust '<button>hey hey</button>'   ] 아주 짧지만 신통한 구조다. 파일 변경을 감지하...
댓글 쓰기
자세한 내용 보기

node.js 를 위한 vim 환경 설정.

tmux를 쓰다보니 vim 환경 설정 셋을 문득 만들어 보고 싶었다. 1. 일단 vim 먼저 받고 sudo apt-get install vim 2. manage your runtimepath 관리용 pathgen 설치 mkdir -p ~/.vim/autoload ~/.vim/bundle; \ curl -Sso ~/.vim/autoload/pathogen.vim \     https://raw.github.com/tpope/vim-pathogen/master/autoload/pathogen.vim 3. ~/.vimrc 없을테니 아래와 같이 생성. tab/indent 간격은 2에 탭 대신 space로 쓰기 위해 expandtab 추가 execute pathogen#infect() syntax on filetype plugin indent on set tabstop=2 set shiftwidth=2 set softtabstop=2 set expandtab 4. 아무 js 나 vim 으로 열어서 color 적용여부 확인 5. sensible plugin 설치 git clone git://github.com/tpope/vim-sensible.git ~/.vim/bundle/vim-sensible 6. node bundle 설치 git clone https://github.com/moll/vim-node.git ~/.vim/bundle/node 7. coffeescript bundle 설치 git clone https://github.com/kchmck/vim-coffee-script.git ~/.vim/bundle/vim-coffee-script/ 8. zen code 보다 더 좋은 Emmet 설치 - ctrl+y+, 로 활성화 git clone http://github.com/mattn/emmet-vim.git ~/.vim/bundle/emmet-vim 9. less 도 활성화 ...
댓글 쓰기
자세한 내용 보기

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 pl...
댓글 쓰기
자세한 내용 보기