.gif&blockId=11b00c82-b138-8050-a58b-dcbceda2ef8f)
홑따옴표 "singleQuote": true
•
문자열을 기본적으로 " 기호(쌍따옴표)를 사용해서 표시.
•
' 기호(홑따옴표)를 사용하고 싶다면 singleQuote 옵션을 true로 설정.
한 줄 최대 글자수 "printWidth": 120
•
기본적으로 한 줄에 글자수를 최대 80자로 제한.
•
한 줄에 최대 글자수를 늘리고 싶다면 사용.
세미콜론 "semi": false
•
Prettier는 기본적으로 각 문장(statement) 뒤에 ; 기호(세미콜론)를 자동 생성.
•
이 세미콜론을 생략하고 싶다면 semi 옵션을 false로 설정
화살표 함수 괄호 "arrowParens": "avoid"
•
화살표 함수를 작성하면 Prettier는 매개변수가 하나 밖에 없더라도 매개변수 부분을 () 기호(소괄호)로 감쌈.
•
매개변수가 하나일 때는 굳이 () 기호를 사용하고 싶지 않으면 arrowParens 옵션을 "avoid"로 설정
후행 쉼표 "trailingComma": "none"
•
여러 줄에서 걸쳐서 배열이나 객체, 매개변수가 작성된 경우 Prettier는 마지막 요소 뒤에도 , 기호(쉼표) 생성
•
이 쉼표를 제거하고 싶다면 trailingComma 옵션을 "none"으로 설정
탭 사용 "useTabs": true
•
Prettier는 들여쓰기를 할 때 기본적으로 탭 문자 대신에 여러 개의 공백 문자를 사용
•
만약에 탭 문자로 들여쓰기를 하고 싶다면 useTabs 옵션을 true로 설정
탭 너비 "tabWidth": 4
•
Prettier는 기본적으로 공백 2칸을 탭 너비로 사용
•
탭 너비를 조정하고 싶다면 tabWidth 옵션을 바꿔주시면 됩니다.
•
useTabs를 true로 설정해준 경우에는 의미X
{
"arrowParens": "avoid", // 화살표 함수 괄호 사용 방식
"bracketSpacing": false, // 객체 리터럴에서 괄호에 공백 삽입 여부
"endOfLine": "auto", // EoF 방식, OS별로 처리 방식이 다름
"htmlWhitespaceSensitivity": "css", // HTML 공백 감도 설정
"jsxBracketSameLine": false, // JSX의 마지막 `>`를 다음 줄로 내릴지 여부
"jsxSingleQuote": false, // JSX에 singe 쿼테이션 사용 여부
"printWidth": 80, // 줄 바꿈 할 폭 길이 (기본값 : 80)
"proseWrap": "preserve", // markdown 텍스트의 줄바꿈 방식 (v1.8.2)
"quoteProps": "as-needed" // 객체 속성에 쿼테이션 적용 방식
"semi": true, // 세미콜론 사용 여부 (기본값 : true)
"singleQuote": true, // single 쿼테이션 (') 사용 여부
"tabWidth": 2, // 탭 너비
"trailingComma": "all", // 여러 줄을 사용할 때, 후행 콤마 사용 방식
"useTabs": false, // 탭 사용 여부
"vueIndentScriptAndStyle": true, // Vue 파일의 script와 style 태그의 들여쓰기 여부 (v1.19.0)
"parser": '', // 사용할 parser를 지정, 자동으로 지정됨
"filepath": '', // parser를 유추할 수 있는 파일을 지정
"rangeStart": 0, // 포맷팅을 부분 적용할 파일의 시작 라인 지정
"rangeEnd": Infinity, // 포맷팅 부분 적용할 파일의 끝 라인 지정,
"requirePragma": false, // 파일 상단에 미리 정의된 주석을 작성하고 Pragma로 포맷팅 사용 여부 지정 (v1.8.0)
"insertPragma": false, // 미리 정의된 @format marker의 사용 여부 (v1.8.0)
"overrides": [
{
"files": "*.json",
"options": {
"printWidth": 200
}
}
], // 특정 파일별로 옵션을 다르게 지정함, ESLint 방식 사용
}
JavaScript
복사
{
"singleQuote": true,
"semi": true,
"bracketSpacing": true,
"useTabs": false,
"trailingComma": "none",
"printWidth": 120
}
Bash
복사
