[컴] SublimeText3 에서 snippet 추가하기





sublime text 3 에서 snippet 추가하기

New snippet 메뉴를 실행하자
  • Tools > Developer > New snippet

그러면 아래같은 text 가 보인다. 아래 노란색 부분들만 수정하면 된다.

<snippet>
  <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>hello</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>source.python</scope>
  <!-- Optional: Description to show in the menu -->

  <description>say hello</description>
</snippet>


위의 것을 저장하고(보통 packages/user 에 저장된다.)
.py file 을 열어서 test 를 해보면 대충 어떻게 동작하는지 알 수 있다.

동작

hello 를 치면 candidate 에 snippet 이 보이게 된다. 이 때 snippet 을 선택하고 tab 을 누르면 된다.

그러면
<content><![CDATA[  ... ]]</content>
안의 내용으로 대체된다.

그리고 $1 의 자리로 커서가 옮겨진다.

여기서 수정을 마치고 다시 tab 을 누르면 $2 의 자리로 cursor 가 옮겨진다.

여기서 다시 tab 을 누르면 맨 마지막으로 커서가 옮겨지고 끝이난다.

여기서 ${1:this} 가 있는데 이것은 $1 인데 default 값으로 this 를 쓰겠다. 이다.


Completions File

여러개의 snippet 을 한 파일에 담고 싶다면 Completions File 을 이용하자.

자세한 것은 ref. 3을 참고하자.
예시: GitHub - agibsonsw/AndySublime: Sublime Text 2 Completions

See Also

  1. vscode snippet 자료 : https://gist.github.com/i5on9i/f5363a5170db9dbfb61be3aa8f2e1815 

References

  1. Snippets — Sublime Text Help
  2. Working with Code Snippets in Sublime Text - Hongkiat
  3. Completions Files — Sublime Text Unofficial Documentation

댓글 없음:

댓글 쓰기