TIP) React 코드 자동 정렬하기

서동찬·2020년 8월 31일
3

1. VSCode 단축키

  • VScode에서 기본적으로 제공하는 단축키

1) 코드 전체 선택 : CTRL + A


2) CTRL + K + L

  • 자동으로 해당 파일의 코드가 정렬 된다.
  • 가끔 안되는 경우가 있다.

2. Prettier 플러그인 사용하기

  • 자동정렬 단축키가 잘 되지 않는 경우 플러그인을 통해서 자동정렬이 가능해진다.
  • 단축키 없이 그저 저장을 하는 것만으로도 자동정렬이 가능하다.

1) Prettier 설치

  • 설치를 하면 바로 적용이 된다. 코드 수정 후 저장하기 확인!
  • 안되는 경우도 발생한다.

2) Prettier 설정하기 [설치 후 적용이 안될 경우]

  • VSCode 세팅을 통해 수정할 수 있다.
  • File --> Preference --> Setting --> editor.format 입력 [ setting 입력 창 ] --> Format On Save 체크
profile
개발자 매뉴얼

0개의 댓글