본문 바로가기

이글루스

오리대마왕님 집

검색페이지 이동

사이드 메뉴

이글루스 블로그 정보

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

포스트 공유하기

썸네일
오리대마왕님의 글 구독하기
덧글 0 관련글(트랙백) 0
신고
맨 위로
앱으로 보기 배너 닫기

공유하기

주소복사

아래의 URL을 길게 누르면 복사할수있습니다.

http://kingori.egloos.com/m/4702877
닫기

팝업

모바일기기에서만 이용이 가능합니다.
운영체제가 안드로이드, ios인
모바일 기기에서 이용해주세요.

덧글 삭제

정말 삭제하시겠습니까?

비밀번호 확인

게시글 신고하기

밸리 운영정책에 맞지 않는 글은 고객센터로
보내주세요.

신고사유


신고사유와 맞지 않을 경우 처리되지 않을 수 있습니다.
저작권 위반/명예훼손 등은 고객센터를 통해 권리침해
신고해주세요.
고객센터 바로가기