Live Template을 설정하면 단축키를 지정하여
함수 등을 자동 생성 할 수 있음
파일 - 설정 - 라이브템플릿 경로에 들어가서
약어와 함수 설명을 추가하고,
템플릿 텍스트에 다음과 같이 추가
import React from "react";
const $COMPONENT$ = () => {
return (
<div>
</div>
);
};
export default $COMPONENT$;
그 다음
밑에 있는 적용 범위를 눌러서 적용 범위를 설정하고,
변수 편집을 눌러서
COMPONENT 표현식에
fileNameWithoutExtension
을 입력하고 확인
이렇게 하면 file이름이 $COMPONENT$ 자리에 그대로 삽입됨.
마지막으로 편한 확장키를 지정하고 완료를 누르면 됨.
js 파일에서 해당 단축키를 입력하면
자동 완성이뜨고, Enter나 Tab키를 눌러서 함수 자동 완성 가능함