neeon의 TIL, [VSCode/React] RFCE ?

728x90

RFCE 는 React Functional Component Export의 약자로

visual studio code 를 사용할때 빈 js 파일 안에서 rfce 를 치고 tab을 누르면

기본 껍데기라고 불리는 코드들이 또롱~! 하고 생긴다.

사용방법

1. VSCode 에서 ES7+ React/Redux/React-Native snippets 설치해주자.

https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace

Extension for Visual Studio Code - Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.

marketplace.visualstudio.com

상세 내용은 위의 링크를 참조하자.

2. 기본 껍데기를 만들어주고 싶은 js 파일을 클릭하여 rfce 를 치고 tab 키를 클릭.

후에 tab 키를 누르면,

자동으로 기본 껍데기 생성 완료.

[VSCode/React] RFCE ?

티스토리툴바