TIL #30 | 협업할 때 Prettier 사용하기

Prettier

https://prettier.io/

• 패키지 설치
  yarn add -D prettier

• pakage.json script에 아래 구문을 추가

    "format": "prettier . --write"

  -> 현재 위치의 모든 파일에 prettire 적용하고 덮어씌우기

• .prettier.js 파일 생성 및 수정

  /**  @type {import("prettier").Config} */
  
  const config = {
    trailingComma: "es5",
    tabWidth: 2,
    semi: false,
    singleQuote: true,
  };
  
  module.exports = config;

• yarn format : 명령어 실행하여 prettier 적용

• settings.json 파일 수정

  {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.codeActionsOnSave": {
      "source.organizeImports": "explicit"
    }
  }