IntelliJ에 React 프로젝트 개발 시 유용한 플러그인

Prettier

Prettier는 소스 포멧팅 툴이다.  

설치방법 :

  1. Ctrl + Alt + s (Settings) 
  2. Plugins > Prettier 검색 > Install > IDE restart
  3. 패키지 설치
    • yarn 으로 설치
      • $ yarn add prettier –dev –exact
      • 또는 글로벌 설치 시 $ yarn global add prettier
    • npm 설치 시
      • $ npm install –save-dev –save-exact prettier
      • 또는 글로벌 설치 시 $ npm install –global prettier
  4. Languages & Frameworks > Javascript > Prettier > Prettier package : 설치한 패키지 선택

 

적용방법 : 

Ctrl + Shift + Alt + P

 

코드 규칙 설정 : 

 package.json 파일을 아래와 같이 수정한다.

  "prettier": {
    "singleQuote": true,
    "tabWidth": 2
  }

추가적인 옵션은 여기를 참고하자 : https://prettier.io/docs/en/options.html

You may also like...

1 Response

  1. 2020-02-26

    […] prettier를 사용하려면 플러그인에서 Prettier를 설치하면 된다. 자세한 사항은 여기를 […]

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다