sublime text 2 로 본격적인 작업을 하기 위한 준비.

javascript + html 작업을 해야 한다. 이번엔 도구로 sublime text 2 를 쓰려 한다. (webstrom을 사 둘걸 그랬나...)

그냥 에디터로 쓰기도 좋긴 한데, 본격적인 개발작업을 하려면 "그냥 에디터"로는 부족하고 수족같이 부릴 수 있어야 한다. 하여 개발은 안하고 몇 시간 동안 공부하고 조금씩 숙달한 기능을 공유한다.

우선 공식 문서부터 둘러보는데 , 이것보단 저 페이지에 나온 비공식 문서의 내용이 더 좋다. 참고로 모든 내용은 맥 기준이다.

우선 Using Sublime Text 2 for Development에 나온 내용을 참고로 해서 기본 환경을 구성한다.

1. package control 설치

   1. ctrl + ` 를 눌러 콘솔을 열고 다음 내용을 입력한다.

   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'

   1. 다시 실행하면 preference 밑에 package conrol 추가됨.
   2. package control을 이용해 다음 plugin 검색해서 설치 ( cmd + shift + p > inst 입력해도 됨 )
   3. theme soda : 테마
   4. codeintel : 코드 intelligence
   5. brackethigh : Bracket Highlighter
   6. zen : zen coding
   7. jsformat: javascript formatter
   8. live css : css color 바로 확인할 수 있게

다음은 역시 단축키 외우기 인데, 아직 본격적으로 작업에 들어가진 않았지만 자주 사용할 듯 한 녀석들 위주로 정리해 본다.

• 창/파일 이동
  • cmd + alt + 숫자 : 화면 레이아웃 바꾸기
  • ctrl + 숫자 : 그룹(분리된 창) 이동. ctrl + 0 을 누르면 폴더 네비게이션 영역으로 포커스가 간다.
  • ctrl + shift + 숫자 : 현재 파일을 지정한 그룹으로 보내기
  • cmd + alt + 좌/우 : 파일 이동 (탭 순서 기준)
  • ctrl + (shift) + tab : 파일 이동(기존 열어봤던 순서 기준)
  • cmd + p : 프로젝트 파일 열기. 아주 자주 사용할 듯!
• 파일 내 이동
  • ctrl + g : 라인 이동
  • ctrl + m : 매칭되는 brace / bracket 으로 이동. 중요!
  • cmd + (shift) + u : 기존 포커싱했던 위치로 돌아감. 실수로 home이나 end 눌렀을 때 유용할 듯. 중요!
  • cmd + r : 펑션/클래스 등의 주요 심볼 간 이동. 굳! 중요
• 선택 (cmd + a 같은 뻔한 녀석은 생략)
  • ctrl + shift + m : 매칭 블럭으로 영역 확장. ctrl + m 이매칭 브라킷 이동인 걸 기억하면 외우기 쉽네.
  • cmd + l : 줄 전체 선택
  • cmd + d: 단어 선택. 하지만 multi section 특성 때문에 단순한 단어 선택은 아니다. 이해가 안가면 알아서 공부하시길.
  • cmd + ctrl + g: 현재 선택 영역을 파일 전체에서 찾아 모두 선택. 이 상태에서 커서를 움직여보면 아주 멋지다. 하하하하! 중요!
  • cmd + shift + j: 동일 indent 영역으로 선택 확장. 매우 재밌고, 유용해 보이긴 한데 외워서 몸에 익히긴 쉽지 않을 듯.
  • cmd + u : 이전 선택 영역으로 롤백
  • ctrl + shift + 위/아래 : muti section 영역 확장. vim 의 세로블럭을 뛰어넘는 대단한 모습을 볼 수 있다. 중요!
• 찾기 / 바꾸기
  • cmd + f : 당연히 찾기
  • cmd + shift + f: 파일들에서 찾기. 굳굳! 중요
  • cmd + i : incremental find. cmd + f 에 비해 반응이 즉각적이므로 익숙해지면 매우 편함(이클립스에도 있는 기능) 중요
  • cmd + (shift) + g: find next
  • alt + cmd + f : 바꾸기. 바꾸기 단축기가 왜이리 어렵냐!! 중요 바꾸기 관련 단축키도 여러개 더 있는데 이것까지 외울 여력은 없다.
• 기타
  • cmd + [ , ] : 들여/내어쓰기
  • shift + ctrl + k : 줄 삭제. ctrk + k 는 끝까지 삭제.