Sublime Text 3 설치 및 플러그인

 

 

 

1. 코드 에디터(Code editor)

코드 에디터(Code editor)란 소스 코드를 작성하기 위한 프로그램으로 흔히 텍스트 에디터라고도 합니다.

주로 프론트 엔드(Front-end)에서 드림위버(Dreamweaver)와 같은 편집기로도 알려져 있습니다.

개발 업무 특성상 특정 소스 코드 작성이 반복될 경우가 많은데 이러한 문제도 해결해줄 수 있고, 특정 단축키를 이용하여 코딩 생산성을 비약적으로 향상시킬 수 있습니다.

요즈음 배포되고 있는 코드 에디터들은 개발자들 입맛에 맞는 테마가 설치가 가능하여 디자인 면에서도 훌륭해지고 무료버전임에도 불구하고 자신에게 맞는 플러그인을 설치하고 기능을 보완하여 사용할 수 있습니다.

 

2. Sublime Text 3 소개 및 설치

 

장점

- 용량 면에서나 실행 면에서 가볍다.

- 화면 분활,

- 원하는 파일로 이동

- 명령어 단축키 지원

- 패키징 시스템을 통해 여러 기능을 설치 가능

 

다운로드 : http://www.sublimetext.com/3

 

 

3. Sublime Text 3 단축키 및 추천 플러그인

Sublime Text 3의 경우 ctrl+` 혹은 View > Show Console을 눌러 Console을 활성화 한 뒤 

 

 

아래 내용을 복사하여 붙여 넣는다.

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

 

 

Goto Anything

파일이나 텍스트 등 자신이 원하는 위치로 이동할 수 있는 유용한 컨맨드 이다.

윈도우의 경우 Ctrl + p 를 입력하여 아래와 같이 커맨드 창을 활성화 한다.

 

 

텍스트 입력 : 파일 이름을 정렬하여 찾는다.

@텍스트 입력 : 클래스나 메소드 같은 특정 심볼을 찾는다.

#텍스트 입력 : 특정 단어를 찾는다.

:숫자 입력 : 특정 라인넘버로 이동한다.

 

다중선택(Multiple Selections)

여러 영역을 다중 선택하여 동시에 편집할 수 있는 기능이다.

Ctrl + D : 커서가 위치한 단어와 동일한 단어를 다중 선택한다.

Ctrl + U : 선택한 단어를 취소한다.

ESC : 다중 선택한 단어를 모두 취소한다.

 

화면 분활 (Split Editing)

HTML과 CSS 와 같이 다른 위치에 있는 파일을 한눈에 보면서 작업해야 하는 경우에 사용.

GUI 메뉴에서 View -> Layout -> Single/Columm/Row 로 들어가 선택.