[javascript] Prettier의 자주 사용되는 옵션들은 어떤 것들이 있는가?

26 Dec 2023

코드 한 줄의 최대 길이를 설정하는 옵션이다. 기본값은 80이다. 코드 한 줄의 길이가 이 값을 초과하면 Prettier는 줄 바꿈을 추가하여 코드를 포맷팅한다.

탭 문자의 길이를 설정하는 옵션이다. 기본값은 2이다.

들여쓰기에 탭 문자를 사용할지 여부를 설정하는 옵션이다. 기본값은 false로, 스페이스를 사용한다.

세미콜론을 항상 사용할지 여부를 설정하는 옵션이다. 기본값은 true이다.

문자열을 홑 따옴표로 표시할지 여부를 설정하는 옵션이다. 기본값은 false로, 겹 따옴표를 사용한다.

객체나 배열의 마지막 요소 뒤에 쉼표를 추가할지 여부를 설정하는 옵션이다. 가능한 값은 “none”, “es5”, “all”이 있다.

객체 리터럴에서 중괄호 안에 공백을 추가할지 여부를 설정하는 옵션이다. 기본값은 true이다.

화살표 함수의 인자가 하나인 경우에도 괄호를 사용할지 여부를 설정하는 옵션이다. 가능한 값은 “always”와 “avoid”가 있다.

Prettier의 모든 옵션에 대한 자세한 내용은 Prettier 공식 문서를 참고하시기 바랍니다.

// 예시
printWidth: 100,
tabWidth: 4,
useTabs: false,
semi: false,
singleQuote: true,
trailingComma: "all",
bracketSpacing: true,
arrowParens: "always"

Prettier 옵션을 설정할 때 프로젝트의 팀원들과 상의하여 코드의 일관성을 유지하는 것이 중요하다.