스니페트가 뭐예요?

wiki 참조
이것은 종합 개발 환경에서 정보 처리 분야에서 자주 사용하는 짧은 프로그램 코드를 호출하는 기능이다.
또 호출된 짧은 코드를 세션이라고 부르는 경우도 있다.
듣자니
이 기능은 VScode에서도 표준적으로 탑재됩니다.
다음은 부분의 정의와 호출 방법에 대해 설명합니다.

VScode에서 자체 제작 세션 만들기

사용자 자신의 세션을 정의하기 위해 json 파일을 엽니다.

모든 언어에 json 파일이 준비되어 있기 때문에 거기에 부분의 정의를 쓰십시오.
json 파일을 여는 방법은 다음과 같습니다.

json 파일 열기 방법: 모드 1

Ctrl + Shift + P에서 명령 팔레트를 열고 [configure user snippets]를 입력합니다.

이렇게 하면 언어의 일람이 한꺼번에 나오기 때문에 설정하고 싶은 언어를 선택하세요.

json 파일 열기 방법: 모드 2

위 탭에서 파일 -> 기본 설정 -> 사용자 세션을 선택합니다.

이렇게 하면 언어의 일람이 한꺼번에 나오기 때문에 설정하고 싶은 언어를 선택하세요.

json 파일에 정의 쓰기

다음 형식으로 json에 추가합니다.

"スニペットの名前": {
  "prefix": "呼び出す際のキーワード",
  "body": [
    "展開したい内容",
    "",
    "",
  ],
},

솔직히 가짜 애완동물 이름은 사용하지 않기 때문에 상관없지만 다른 가짜 애완동물 이름과는 끼지 마세요.
코드에 기술"prefix"을 누르면 tab의 내용을 보충합니다.(몇 가지 보완 후보가 있으면 목록이 나타나고 적절한 옵션을 선택할 것입니다.)

"body" 를 눌러 입력한 위치를 부드럽게 전환하려면

이용tab은 보충시$1, $2, …, ${10}, ${11}, …에 이동 위치를 결정할 수 있다.
또 tab 종료 위치를 결정할 수 있다.
예를 들면 다음과 같다.

"Add memo box": {
    "prefix": ">@memo_box",
    "body": [
        "<div class=\"memo\">",
        "<div class=\"box-title\">$1</div>",
        "",
        "$2",
        "</div>$0"
    ],
    "description": "add div-tag has class'memo'"
},

실제 행동은 이렇다.

탭 활성화 완료

$0에서 사용자 설정을 열고 Ctrl + , 섹션을 선택하거나Tab Completion 또는 on 를 선택합니다.

VScode에서 세션 사용

onlySnippets에 로그인한 키워드를 입력하고 "prefix" 키를 입력하면 tab 내용이 추가됩니다.(몇 가지 보완 후보가 있으면 목록이 나타나고 적절한 옵션을 선택할 것입니다.)
아까도 실렸는데 아래와 같이 동작을 진행하겠습니다.