[서브라임텍스트(SubLimeText)] 서브라임 텍스트 템플릿 마크업 생성(Snippet)

에디터/서브라임 텍스트(SublimeText) 2015. 4. 2. 09:48

728x90
반응형

원래 서브라임에서 '! + Tab' 키를 누르면 자동적으로 기본셋팅이 되는데

오늘 갑자기 그게 안되서 셋팅을 하나 만들어봤다.


1. 먼저 기초셋팅을 마크업한다. 그리고 모두 드래그 해서 미리 복사(컨트롤 + C) 해준다.




2. 이 상태에서 툴을 클릭해서




3. New Snippet 을 클릭하자

(서브라임 텍스트 2 일경우)


(서브라임 텍스트 3 일 경우)





4. content 부분의 빨간줄과

tab 어쩌구의 주석을 지워준후 (스샷에서 보이는 빨간색 줄로 표시된 부분을 삭제)




5. 아래 스샷과 같이 마크업을 저렇게 붙혀넣기 한다

그리고 아랫부분의 <tabTrigger>원하는 문자 (되도록 영어나 문자로)</tabTrigger>

이런식으로 교체하여 준다. ** 그리고 컨트롤 + S 키로 저장시 반드시 그냥 그 위치에 저장한다.




6. 이제 html 문서를 생성한후 '!+Tab' 할때와 같이 해주면...




7. 아래와 같이 내가 입맛대로 마크업한 내용이 자동완성 되있다.


반응형

댓글 6

  • 93m (2015.04.02 19:11 신고)

    좋은 정보 정말 잘 참고했습니다. :D 실례가 아니라면 여쭤보고싶은데 보통 이런 정보는 어디서 찾나요? 서브라임텍스트에 관한 서적이 있나요???

    • 회복맨 (2015.04.02 19:20 신고)

      저같은 경우는 '생활코딩' 이라는 사이트에서 처음 sublime 를 접했습니다. ^^ 처음엔 서브라임의 패키지의 설치 및 사용법,emmet 코딩 등을 전혀 몰랐는데 그 사이트에서 배웠어요. 방문해 주셔서 대단히 감사 드려요!

  • 93m (2015.04.02 20:58 신고)

    좋은 정보 감사드립니다 :D.

  • snjune6@naver.com (2017.05.21 19:11)

    !+Tab 이게 무슨뜻이죠??

    • 회복맨 (2017.05.21 21:15 신고)

      사과 = apple
      라는 것과 비슷합니다.
      서브라임 텍스트 에서 쓰이는 기능 중에 하나 입니다.
      뜻이라기 보다는...
      이 서브라임에는 이러한 기능이 있다.
      정도로만 알고 계시면 좋을듯 합니다.

      방문해 주셔서 감사합니다 :)