Snippet 설정하기 in VSCode

1. snippet 설정할 코드 작성

import React from 'react';

function ${TM_FILENAME_BASE}() {
  return (
    <div>
      ${1} 
    </div>
  );
}

export default ${TM_FILENAME_BASE};

--> 스니펫을 불러올 때  ${TM_FILENAME_BASE} 에 내가 설정한 파일이름이 들어가게되고 ${1}에 커서가 위치하게 된다.

 

2. https://snippet-generator.app/ 들어가서 코드와 설명과 단축어를 입력

3. VSCode 에서 언어모드를 Javascript React 로 설정

js 파일을 열때마다 javascript react 로 설정하고 싶다면 '.js'에 대한 파일 연결 구성 설정

4. Code -> 기본설정 -> 사용자 코드 조각 -> Javascript React -> 복사한 스니펫 붙여넣기

5. 단축어 입력하고 엔터누르면 코드가 불러와진다.