6/29/2013

Sublime Text 2 (서브라임 텍스트2) 유용한 플러그인 + 설정


맥(Mac)을 사용하고 있다는 가정하에..

엄청 간단하므로 자세한 설명은 생략함.

링크 들어가면 세부 설정 방법이랑 단축키 적혀있음.


유용한 플러그인

1. Sublime Package Control

플러그인을 쉽게 설치/삭제 해줄 수 있는 플러그인. 필수 설치!

2. Automatic Backups

작업한 내용을 저장할 때마다 자동으로 백업해줌.

3. SFTP

FTP업로드를 서브라임 텍스트 2 내에서 바로 가능하게 해준다. 설정에서 SFTP로 되어있는걸 FTP로 바꿔야함. 저장할 때 바로 업로드하는 옵션 켜놓으면 상당히 유용하다.

플러그인은 이거 3개면은 충분하다고 생각한다.


그리고 여기서 더 편리하게 만들어주는 단축키 설정 변경하기

Key Bindings - User 로 들어가서 원하는거 추가하면 됨. 콤마 빼먹지말기.

1. 블럭 지정해놓고 단축키 입력하면 들여쓰기 자동으로 조절
{ "keys": ["ctrl+alt+i"], "command": "reindent"}

2. 붙여넣기 할 때 자동으로 들여쓰기 조절 (두개다 필요)
{ "keys": ["super+v"], "command": "paste_and_indent" },
{ "keys": ["super+shift+v"], "command": "paste" }



아 현재 작업하고 있는 내용을 브라우저에서 바로 보게 하려면

Tool - New Plugin 을 누른다음 밑의 내용을 붙여넣기하고 (탭키를 눌러서 들여쓰기를 잘 해줘야한다! 파이썬이라서..)

import sublime, sublime_plugin
import webbrowser

class OpenBrowserCommand(sublime_plugin.TextCommand):
def run(self,edit,keyPressed):
url = self.view.file_name()
if keyPressed == "1":
navegator = webbrowser.get("open -a /Applications/Google\ Chrome.app %s")
if keyPressed == "2":
navegator = webbrowser.get("open -a /Applications/Firefox.app %s")
if keyPressed == "3":
navegator = webbrowser.get("open -a /Applications/Safari.app %s")
navegator.open_new(url)



저장할 때 Sublime Text 2 에서 Preferences - Browser Packages 누르면 폴더가 쭉 뜨는데 거기에 User라는 폴더에 꼭 저장을 해줘야한다. 이름은 아무거나 하면 됨. 그리고 서브라임 텍스트 2 를 종료했다가 다시 켜자.

그리고 난 후에 단축키 설정에서

{ "keys": ["super+shift+r"], "command": "open_browser", "args": {"keyPressed": "1"}}

이렇게 해주면 된다. 1번은 크롬, 2번은 파이어폭스, 3번은 사파리임. 문법은 그대로 하고 숫자랑 단축키만 바꾸면 자유롭게 사용가능하다. 참고로 'command'키는 'super'로 적어주면 됨.


Snippet (스니펫)이라고 어떤 명령어를 치고 tab (탭)키를 누르면 자동완성이 되게 할 수도 있다. html 파일을 편집할 때 해놓으면 정말 편하다.

Tools - New Snippet 으로 들어가서

<snippet>
<content><![CDATA[<!DOCTYPE html>
<html>
<head>
<title>${1:Untitled}</title>
<style type="text/css">
$2
</style>
</head>
<body>
$3
</body>
</html>]]></content>

<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>html</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>text.html</scope>
</snippet>



이렇게 입력후 Package 폴더에다가 파일이름.sublime-snippet 이라고 저장한 후 재시작을 해주자.

딱 보면 알겠지만 $1, $2, $3.. 이런식으로 숫자가 들어간 곳은 탭키를 누르면 거기로 포커스가 간다. 엄청 편하다. tabTrigger에는 자동완성을 위한 단어를 넣고 scope에는 text.원하는 확장자 이런식으로 입력해놓으면 된다. 아 그리고 CDATA 저거는 빼버리면 안됨.

No comments:

Post a Comment