Sublime Text Snippet(템플릿파일) 생성하기

1. Sublime Text3를 실행합니다.

2. 메뉴바에서 'Tools -> Developer -> New Snippet'을 클릭합니다.

 

3. 자동으로 다음과 같은 코드가 작성돼 있습니다.

 

4. 3행이 자동으로 생성될 코드부분으로 'Hello, $ is a $.'코드를 삭제하고 생성할 코드를 작성합니다.

5. 주석으로 표시된 <!-- <tabTrigger>hello</tabTrigger> --> 부분에서 주석을 제거하고 'tabTrigger'를 활성화한 후 'hello'를 삭제하고 템플릿을 불러올 단어를 문자나 문자열을 입력합니다.

 

6. 'Ctrl + S'를 눌러 '파일명.sublime-snippet'으로 작성하고, 저장 경로는 변경하지 않고 저장하면 됩니다.

 

7. 테스트를 하기 위해 메뉴바에서 'File -> New File'을 클릭 or 'Ctrl + N'을 눌러 새로운 파일을 생성합니다.

 

8. 생성되면 메뉴바에서 'File -> Save As'를 클릭하던가 'Ctrl + Shift + s'를 눌러 다른이름으로 저장합니다.

 

9. '파일명.html'로 저장합니다.

 

10. 템플릿을 자동으로 생성하기 위해 설정한 tabTrigger 문자나 문자열을 입력한 후 Tab버튼을 눌러줍니다.

 

11. 템플릿이 자동으로 생성되면 성공한 것입니다.