[서브라임텍스트(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. 아래와 같이 내가 입맛대로 마크업한 내용이 자동완성 되있다.
반응형
'에디터 > 서브라임 텍스트(SublimeText)' 카테고리의 다른 글
| [서브라임텍스트(SubLimeText)] SublimeText - DOCTYPE 선언 단축코드 (2) | 2015.06.01 |
|---|---|
| [서브라임텍스트(SubLimeText)/패키지] javascript 코딩을 좀더 빠르게! javascript completions 패키지 (1) | 2015.05.02 |
| [서브라임텍스트(SubLimeText)] 서브라임 텍스트 템플릿 마크업 생성(Snippet) (6) | 2015.04.02 |
| [서브라임텍스트(SubLimeText)] 이 블로그를 보고 서브라임을 사용하기 전에 꼭 읽어주세요 (3) | 2015.03.02 |
| [서브라임텍스트(SubLimeText)/패키지] 작업물을 브라우저로 확인하는 패키지(side bar 패키지) (4) | 2015.03.02 |
| [서브라임텍스트(SubLimeText)/패키지] 코드의 시작과 끝을 파악해보자!(bracket 패키지) (0) | 2015.03.02 |
좋은 정보 정말 잘 참고했습니다. :D 실례가 아니라면 여쭤보고싶은데 보통 이런 정보는 어디서 찾나요? 서브라임텍스트에 관한 서적이 있나요???
저같은 경우는 '생활코딩' 이라는 사이트에서 처음 sublime 를 접했습니다. ^^ 처음엔 서브라임의 패키지의 설치 및 사용법,emmet 코딩 등을 전혀 몰랐는데 그 사이트에서 배웠어요. 방문해 주셔서 대단히 감사 드려요!
좋은 정보 감사드립니다 :D.
방문해 주셔서 감사합니다 :)
!+Tab 이게 무슨뜻이죠??
사과 = apple
라는 것과 비슷합니다.
서브라임 텍스트 에서 쓰이는 기능 중에 하나 입니다.
뜻이라기 보다는...
이 서브라임에는 이러한 기능이 있다.
정도로만 알고 계시면 좋을듯 합니다.
방문해 주셔서 감사합니다 :)