2023 - 07 - 03 코드 가독성을 위한 코드서식 관리도구 Prettier

https://prettier.io/playground/

Prettier

Prettier를 이용하면 코드를 가독성있게 변경시킬 수 있다. 

 

프리티어의 기본 속성:  (변경가능)

 

콤마는 es5의 형식을 따른다.

들여쓰기는 4개의 스페이스를 쓴다.

세미콜론은 쓰지 않는다.

외따옴표를 쓴다. 

파라미터 자리에 소괄호를 쓴다.

 

추천하는 코드.

module.exports = {
  trailingComma: "es5",
  tabWidth: 2,
  semi: true,
  singleQuote: true,
  arrowParens: 'always',
};

module.exports= {
    "printWidth": 80, //  줄 바꿈 할 폭 길이
    "tabWidth": 2, // 탭 너비 (보통 2~4. 코드가 길어지는게 싫으면 2)
    "singleQuote": true, // single 쿼테이션 사용 여부 (외따옴표)
    "trailingComma": "all", // 여러 줄을 사용할 때, 후행 콤마 사용 방식
    "jsxBracketSameLine": false, // JSX의 마지막 `>`를 다음 줄로 내릴지 여부
  }

npm i prettier -D