VSCode Prettier 자동 포맷팅 설정 방법, 설치 후 자동 정렬이 되지 않을 때

2022. 5. 14. 15:54·공부/React.js
반응형

 

리액트 강의를 듣던 도중.. 강사님은 코드를 대충 이상하게 쓰고 저장을 누르면 코드들이 이쁘게 자동 정렬이 되는데 아니 나는 왜 안될까?! 강사님이 prettier를 설치하면 된다그랬는데 나도 분명히 설치했건만 나는 저장을 아무리해도 자동 정렬이 되지 않았다. 그래서 설정 부분이 이상한가 싶어서 검색해봤다.

Prettier 설치 확인

설치가 된 걸 확인할 수 있다.

 

Editor format on save 설정 확인

VSCode 하단의 설정 아이콘을 누른 뒤 설정을 클릭

 

editor format on save 입력 후 하단 설정에서 체크 표시가 되어있는지 확인!! 나는 체크 표시가 되어있었다.

 

Editor Default Formatter 설정 확인

Editor Default Fomatter 검색 후 Prettier - Code formatter로 설정한다.
나는 이 부분이 없음으로 되어있어서 자동 정렬이 안 됐었다.

 

 

와! 이제 나도 자동 정렬 쓸 수 있다!

컨트롤+S

반응형
저작자표시 비영리 변경금지 (새창열림)
'공부/React.js' 카테고리의 다른 글
  • [React.js] React에서 리스트 사용하기 1 - 리스트 렌더링 (조회)
  • [React.js] React에서 DOM 조작하기
  • [React.js] React에서 사용자 입력 처리하기
  • [React.js] Props
데부한
데부한
어차피 할 거면 긍정적으로 하고 싶은 개발자
    반응형
  • 데부한
    동동이개발바닥
    데부한
  • 전체
    오늘
    어제
    • 분류 전체보기 (307)
      • 방통대 컴퓨터과학과 (27)
        • 잡담 (9)
        • 3학년1학기 (17)
      • 프로젝트 및 컨퍼런스 회고 (1)
        • 프로젝트 (4)
        • 한이음 프로젝트 (0)
        • 회고 (3)
      • 공부 (165)
        • Spring (37)
        • JPA (71)
        • 인프런 워밍업 클럽_BE (10)
        • Java (6)
        • React.js (27)
        • 넥사크로 (11)
        • 기타 (3)
      • 알고리즘 (85)
        • 알고리즘 유형 (10)
        • 알고리즘 풀이 (57)
        • SQL 풀이 (18)
      • 에러 해결 (13)
      • 잡담 (7)
        • 국비교육 (2)
        • 구매후기 (5)
        • 진짜 잡담 (0)
  • 블로그 메뉴

    • Github
    • Linkedin
    • 홈
    • 방명록
    • 글쓰기
    • 관리
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    에러해결
    운영체제
    oracle
    스프링부트
    MSA
    개발자
    react
    IT
    QueryDSL
    SpringBoot를 이용한 RESTful Web Service 개발
    방통대
    Spring
    백준
    SQL
    넥사크로
    Java
    프론트엔드
    egov
    알고리즘
    코딩테스트
    JPA
    프로그래머스
    전자정부프레임워크
    토비의스프링부트
    토이프로젝트
    springboot
    RESTful
    자바스크립트
    인프런
    기출문제
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
데부한
VSCode Prettier 자동 포맷팅 설정 방법, 설치 후 자동 정렬이 되지 않을 때
상단으로

티스토리툴바