Node.js 교육시간 처음에 설치한 것이 Sublime text 2이다. Eclipse 기반은 아무래도 무겁고, 그와 준하는 개발환경을 가지고 JavaScript 서버사이드 개발을 하고 싶을 경우 Sublime text 2를 설치한다. 설치후 패키지 설치 및 환경 설정을 보도록 하자
1. Sublime Text 2 설치하기
http://www.sublimetext.com/2 사이트에서 환경에 맞는 인스톨 패키지를 다운로드 받아서 설치한다. 유료 라이센스이지만 등록하지 않아도 왠만한 개발관련 (JavaScript, Node.js, Java...) 부분은 자유로이 사용할 수 있다.
2. Sublime text package control 설치하기
package control은 sublime text에 plugin 을 찾고, 설치를 쉽게 할 수 있도록 해준다.
http://wbond.net/sublime_packages/package_control/installation 사이트로 가면 다음과 같은 설치 문구가 나온다
> sublime text 2 를 실행하고 ctrl + ` short key를 누른다
> 박스안에 있는 문구를 copy한다
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')
> sublime text의 command line에 paste 하고 enter를 치면 install 된다
> ctrl + shift + p short key를 누르면 plugin을 설치 할 수 있는 창이 뜬다
> install package 라고 치면 팝업창 하단이 바뀌고 선택되면 enter 또는 click을 한다
> install package를 들어 갔다면 java라고 치면 관련 package가 나오고 선택하면 github에서 다운로드하여 자동 설치한다
3. Sublime text Tips
short key
> ctrl + ` : 하단에 command 입력창 나옴
> ctrl + shift + p : find 팝업창
> ctrl + p : 문서내 find 팝업창 (줄번호 찾아가기 :<line number> ex) :13 13번줄로 이동)
> alt + shift + 1~9 : 컬럼창 분할 (View - Layout 메뉴)
> ctrl + a : 전체 선택, ctrl + L : 라인 선택
> ctrl + shift + up/down key : line swap (Edit - Line 메뉴)
> ctrl + F2 : 문서내 bookmark 표기 이동은 F2 누르면 위에서 아래로 이동 (Goto - Bookmark 메뉴)
> 참조 사이트 : http://juhoi.tistory.com/51
어제 처음 써보지만 plugin 들을 github에서 바로 다운로드 받아서 설치해 주고, eclipse와 같은 기능들을 사용할 수 있어서 Text기반의 개발을 할때 그리고 로컬 컴퓨터 사양이 떨어질 때 쉽고 빠르게 사용할 수 있는 개발툴로 안성맞춤으로 보인다. Node.js 기반 개발 할 때는 이걸 사용해 보자
'Dev Environment > Sublime Text' 카테고리의 다른 글
[Sublime Text 2] Mac OS X 의 Terminal 에서 바로 수행시키기 (0) | 2013.03.12 |
---|---|
[Sublime Text 2] Jade, Stylus 플러그인 설치 (0) | 2013.02.02 |
[Sublime Text 2] CoffeeScript 설정하기 (0) | 2013.01.30 |
[Sublime Text 2] 한글 인코딩 보기 (0) | 2012.12.07 |
[Gist] SublimeText 2 의 코드를 Gist로 전송 (0) | 2012.12.05 |