.gif&blockId=11b00c82-b138-8050-a58b-dcbceda2ef8f)
Prettier 절.대.써.
•
Prettier는 코드 포맷터입니다. 코드를 구문 분석하고 최대 줄 길이를 고려하는 자체 규칙에 따라 코드를 다시 인쇄하고 필요한 경우 코드를 줄 바꿈하여 prettier를 사용하는 모든 프로젝트 팀원에게 일관된 스타일을 적용합니다.
•
만약에 어느 한 팀원이 띄어쓰기 간격을 두 칸으로 해놓는다면, 보는 이로 하여금 통일되지 않은 코딩 스타일로 인해서 코드를 읽는데 큰 불편함을 느끼게 될 것 → Prettier로 한 방에 해결
Format Selection
형식 선택은 프리티어 자체에서 지원하는 언어에 따라 여러 언어에서 작동합니다. 현재 지원되는 언어는 다음과 같습니다:
javascript
javascriptreact
typescript
typescriptreact
json
graphql
handlebars
Plain Text
복사
Settings
Prettier Settings
모든 Prettier 옵션은 이 확장 프로그램에서 직접 구성할 수 있습니다. 이러한 설정은 프로젝트에 구성 파일이 없을 때 대체 설정으로 사용되며, 자세한 내용은 이 문서의 구성 섹션을 참조하세요. 옵션에 대한 자세한 내용은 문서를 참조하세요. prettier documentation.
이러한 구성의 기본값은 항상 Prettier 2.0 기본값을 사용합니다. 이전 버전의 기본값을 사용하려면 VS 코드 설정 또는 로컬 프로젝트 구성을 사용하여 수동으로 설정해야 합니다.
prettier.arrowParens
prettier.bracketSpacing
prettier.endOfLine
prettier.htmlWhitespaceSensitivity
prettier.insertPragma
prettier.singleAttributePerLine
prettier.bracketSameLine
prettier.jsxBracketSameLine
prettier.jsxSingleQuote
prettier.printWidth
prettier.proseWrap
prettier.quoteProps
prettier.requirePragma
prettier.semi
prettier.singleQuote
prettier.tabWidth
prettier.trailingComma
prettier.useTabs
prettier.vueIndentScriptAndStyle
prettier.embeddedLanguageFormatting
Plain Text
복사
프로젝트에 prettier 셋팅하기
•
프로젝트 맨 상단에 .prettierrc 파일을 생성해줍니다.
•
해당 파일에 해당되는 prettier 설정값을 작성해줍니다.
•
만약 작성하지 않고 prettier를 실행한다면 기본값으로 설정이 됩니다.
