서브라임텍스트 - 스니핏(Snippet, 자동입력단축키)

4. Snippet 의 간단한 소개.

snippet 은 자동으로 입력되어지는 단축코드라고 보시면 됩니다.

이걸로 여러가지를 만들수 있으니 검색하면 관련글이 많이 나옵니다.

여기서는 생성하고 사용하는 방법을 간단이 알아봅니다.

저는 css 를 작성할때 단락을 구분지어주는 긴주석을 넣는것을 한번 넣어보겠습니다.

먼저 Tool - New Snippet 를 클릭합니다.

이처럼 보일텐데요.

아래처럼 수정합니다.

이코드를 저는User 폴더에 comment.sublime-snippet 이라는 이름으로 저장을 했습니다.

빨강색 네모안에 들어가는것이 주석으로 에디터에 표시되는 부분입니다.

노랑색 네모는 주석을 해제해서 원하는 snippet의 이름을 적어주면 됩니다. 이것의 경우 css 사용하는 긴주석이기때문에 comment 라고 적었습니다.

그럼 아래처럼 css 를 작성할대 comm 이라고 작성하니 툴팁이 나오는거 보이시죠.

여기서 엔터를 클릭하면 아래그림처럼 나옵니다.

보시다시피 저위의 그림에서 $1 은 첫번째 커서의 위치를 나타내고, $2 는 두번째커서의 위치를 나타냅니다.

첫번째 커서의 위치에서 ${1:이 부분은 적어되고 안적어도 됩니다. 하지만 원하는 단어나 키워드를 미리 적어서 저장해 놓았다면 또다시 작성하지않고 다음으로 넘어가겠죠...

제가 설명으로 ${1:제목을 적은다음 탭} 이라고 적은것처럼 원하는 글을 다 적었으면 탭키를 누르면 ${2} 의 위치에 커서가 자동으로 가게됩니다.

글로 설명이 안되 간단한 동영상을 만들어봤습니다.

출처 : http://demun.tistory.com/2241