All Articles

prettier 적용해서 코드 깔끔하게 하기

prettier

Prettier 를 이용하여 code formatter 적용

맥북을 새로 바꾸고, prettier 를 적용 못해서 코드가 깔끔하지 못했는데 주말을 이용해 정리해보도록 하자.

  1. VScode extension 에서 Prettier - Code formatter 검색하여 설치한다.
  2. setting.json 에서 다음 property 를 추가해준다.
 "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

사실 위 설정은 prettier 설정 페이지에 나와있는 기본적인 내용 이지만, 나중에 까먹을 수 있으니 정리해 놓았다.