VS code Code Snippet Customizing

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

 "Print to console": {
	"scope" : "typescriptreact"
    "prefix": "trafce",
    "body": [
      "import React from 'react'\n",
      "$1interface ${TM_FILENAME_BASE}props {}\n",
      "const ${2:${TM_FILENAME_BASE}} = () => {",
      "return (<></>)",
      "}; \n",
      "export default React.memo(${2:${TM_FILENAME_BASE}})"
    ],
    "description": "tsx snippet"
  }

trafce를 입력하면 아래와 같은 내용이 자동으로 출력된다.

import React from 'react'

interface goodprops {}

const good = () => {
return (<></>)
}; 

export default React.memo(good)

"scope" : 사용할 언어
"prefix" : 호출할 타자 입력
"body" : 호출 내용
body에 $1 $2... 등의 사인을 입력하여 탭키를 입력할때마다 마우스 커서의 위치를 설정할 수 있다. $1은 초기 커서 위치
드래그하여 커서 적용하는 방법 : ${1:드래그 할 내용}
description: "설명"