sublime text 2 로 본격적인 작업을 하기 위한 준비. by 오리대마왕

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 는 끝까지 삭제.

핑백

  • All you need is Respect : 유용한 사이트 모음 2013-07-15 19:02:50 #

    ... ://juhoi.tistory.com/51다운로드 및 기초 설정 안내 http://windtale.net/blog/sublime-text-tip/기능 소개 http://kingori.egloos.com/4702877패키지 컨트롤 설치 및 단축키 모음(zen coding은 emmet으로 검색) http://blog.naver.com/PostView.nhn?blog ... more

  • 그런지 Ltd. : Sublime text 2 2013-12-03 13:04:12 #

    ... lt+F3 : 동일단어 여러개 선택 ctrl+d : 단어선택 ctrl+click : 멀티선택 http://kingori.egloos.com/4702877 폰트변경하기 user setting에 아래 내용 추가 (user 셋팅이 우선순위 높음) { "col ... more