VS code Code Snippet Customizing

ファイル>プリファレンス>ユーザーコードセグメント>新規コードセグメント(File>Preferences>User Code Segments>New Code Segments)

 "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:ドラッグする内容}
説明:説明