- Code Formatter이다. 개발자들에게 일관적인 코딩 스타일을 유지할 수 있게 도와줌.
[프리티어 공식문서 옵션] : https://prettier.io/docs/en/options.html#bracket-spacing
[설치]
- npm i -D prettier
[옵션]
"arrowParens": "always" || "avoid" //화살표 함수 괄호 사용 방식 [Default: 'always']
"bracketSpacing": true || false //객체 리터럴에서 괄호에 공백 삽입 여부 { foo: bar } [Default: true]
"endOfLine": "lf" || "crlf" || "rc" || "auto", // EoF 방식, OS별로 처리 방식이 다름 [Default: "lf"]
"htmlWhitespaceSensitivity": "css" || "strict" || "ignore", // HTML 공백 감도 설정 [Default: "css"]
Deprecated 되었다고 함.
"jsxSingleQuote": true || false, // JSX에 singe 쿼테이션 사용 여부 [Default: false]
"printWidth": 100, // 줄 바꿈 할 폭 길이 [Default: 80]
"proseWrap": "always" || "never" || "preserve", // markdown 텍스트의 줄바꿈 방식 (v1.8.2) [Default: "preserve"]
"quoteProps": "as-needed" || "consistent" || "preserve" // 객체 속성에 쿼테이션 적용 방식 [Default: "as-needed"]
"semi": true || false, // 세미콜론 사용 여부 [Default: true]
"singleQuote": true || false, // single 쿼테이션 사용 여부 [Default: false]
"tabWidth": 2, // 탭 너비 [Default: 2]
"trailingComma": "es5" || "none" || "all", // 여러 줄을 사용할 때, 후행 콤마 사용 방식 [Default: "es5"]
"useTabs": true || false, // 탭 사용 여부 [Default: false]