[VScode] Reactjs Code Snippets 의 단축키

 

React code snippets

 

'React code snippets' 는 리액트로 작업하면서 필요하게된 익스텐션인데요.

 

(기억력이 좋지 않은 저와 다른 분들을 위해 사용법을 간략하게 기록하기로 했습니다.)

 

설치

VScode 에서 확장 플러그인 'React code snippets'를 검색하여 설치합니다.

 

자주 쓰는 단축키

Trigger	Content
rcc	클래스 컴포넌트 생성
rrc	클래스 컴포넌트와 react-redux 리덕스를 연결해서 생성
rccp	클래스 컴포넌트와 prop type들을 클래스 뒤에 생성
rcjc	import와 export 없이 클래스컴포넌트 생성
rcfc	클래스 컴포넌트와 모든 라이프사이클 메서드를 포함해서 생성
rwwd	import 없이 클래스 컴포넌트 생성
rsc	화살표 함수형 컴포넌트 생성
rsf	함수형 컴포넌트를 생성
rsc	화살표함수형에 props를 내려서 생성

 

제가 자주 사용하는 건 rsc 입니다.

rsc를 입력하면 

위와 같은 화살표 함수가 나오네요!

 

 

참고:

https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets