[VsCode] 사용자 코드 조각 만들기 (개발 시간 단축하는 꿀팁)

vs code에서 이런식으로 custom snippet를 사용할 수 있다. 

해당 muistyled는 원래 제공하던 것이 아니라 만든 것이다.

 

 

얼마나 편한가 ? 

 

오늘은 간단하게 만들는 법을 알아보려고 한다. 

 

 

파일 -> 기본설정-> 사용자 코드 조각 

 

이름을 입력한다.  난 임의로 my_snippets로 입력했음. 

 

 

my-snippet.code-snippets

{
  "refactor": {
    "scope": "javascript,typescript",
    "prefix": "refactor",
    "body": ["//리팩토링 전", "\n", "//리팩토링 후"]
  }
}

이런식으로 사용하면 prefix로 입력한 내용을 vs code에서 입력하고 엔터를 누르면 body에 있는 내용이 출력된다. 

 

즉 refactor를 입력하면 리팩토링 전, 리팩토링 후가 나타난다. 

 

작업 시간을 훨씬 줄일 수 있다.