내가 사용하는 Prettier

이태관·2023년 9월 17일

printWidth

코드 한 줄의 최대 길이
printWidth를 100으로 설정한 경우, 코드 한 줄은 100자를 넘지 않도록 자동 줄 바꿈이 적용

tabWidth

tab을 눌렀을 때 공백의 개수

singleQuote

문자열을 작은 따옴표(')로 표시할지 여부
true일 경우 작은 따옴표
fals일 경우 큰 따옴표

trailingComma

배열과 객체 리터럴의 마지막 요소 뒤에 쉼표를 추가할지 여부

설정 전
const fruits = ["apple", "banana", "cherry"];

설정 후
const fruits = [
  "apple",
  "banana",
  "cherry",
];

bracketSpacing

객체 리터럴과 배열 리터럴의 중괄호 주위에 공백을 추가할지 여부

설정 전 (false)
const person = {name: "John"};

설정 후 (true)
const person = { name: "John" };

semi

문장 끝에 세미콜론(;)을 추가할지 여부

설정 전 (false)
const statement = "This is a statement"

설정 후 (true)
const statement = "This is a statement";

arrowParens

화살표 함수의 매개변수가 하나인 경우 괄호를 사용할지 여부를 결정합니다.
"avoid"로 설정한 경우, 매개변수가 하나일 때 괄호를 사용하지 않습니다.

설정 전 (always)
const square = (x) => x * x;

설정 후 (avoid)
const square = x => x * x;

endOfLine

줄 바꿈 문자를 설정합니다.
주로 mac과 linux에서는 LF, window에서는 CRLF를 설정합니다.

복붙용

{
  "printWidth": 100,
  "tabWidth": 2,
  "singleQuote": true,
  "trailingComma": "all",
  "bracketSpacing": true,
  "semi": true,
  "arrowParens": "always",
  "endOfLine": "lf"
}

참고 블로그

https://dev-bomdong.tistory.com/27
https://velog.io/@jangws/EOL%EC%9D%84-%EB%84%A3%EC%96%B4%EC%95%BC-%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0%EC%99%80-git%EC%97%90%EC%84%9C-CRLF-EOL-%EC%B0%A8%EC%9D%B4%EB%A1%9C-%EC%9D%B8%ED%95%9C-%EB%AC%B8%EC%A0%9C-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95

0개의 댓글