React 개발에 유용한 vscode extension

코린이·2023년 9월 24일
0

prettier


코드의 띄어쓰기, 들여쓰기 등 정렬을 자동완성 시켜줌

  • 기본 단축키는 alt+shift+f 인데 편의를 위해 alt+shift+s로 바꿔서 쓰는 중
    단축키 설정법 : prettier 설치 후 ctrl+shift+p -> Open Keyboard Shortcuts 검색 -> format document 검색 -> key binding 설정

  • 예시

  1. 적용 전

  2. 적용 후

reactjs code snippets


React 개발에 필요한 code snippet 제공

  • rsc입력 후 tab 하면 다음과 같은 component snippet 자동완성(클래스형 comp는 rcc + tab)

auto close tag


여는 태그 입력 시 닫는 태그 자동완성

react hooks snippets


react hook의 snippets 제공

  • ush 입력 후 tab -> useState snippet 자동완성(useEffect는 ueh)

1개의 댓글

comment-user-thumbnail
2024년 3월 4일

비밀 댓글입니다.

답글 달기