Snippet

이 코드를 아래처럼 변경

파일명을 ${TM_FILENAME_BASE} 로 치환

 

주소창에 https://snippet-generator.app/ 입력

> 코드(2번째 사진) 복붙하고 설명, 단축어 입력

> 우측에 자동으로 만들어지는 코드를 복붙

 

VSCode로 이동

우측 하단의 JavaScript 클릭

JavaScript React 선택

우측 하단을 눌렀을 때, '.js'에 대한 파일 연결 구성... 클릭한 후, JavaScript React를 누르면 다음부터 .js 파일을 열 때, 자동으로 JavaScript React로 연다.

파일 > 기본 설정 > 사용자 코드 조각 구성 클릭 후, javascriptreact 선택

사이트에서 복사한 거 붙여넣기

이제 원하는 곳에서 fc를 입력하고 탭 누르면 코드가 자동으로 생성됨.

만약 생성한 코드가 기본적으로 'Hello React!'에 포커싱되길 원한다면 해당 부분을

${1:Hello React!} 처럼 ${1:}로 감싸주면 된다.

동일한 숫자를 쓸 경우 동시 포커싱.