formatter Prettier

 

 

Prettier 설치 후, 설정

code -> 기본설정 -> 설정으로 진입 후 "default formatter" 검색

 

 

usage

    CMD + shift + P

    혹은

    text 선택 후 CMD + shift + P

 

 

Pretier options

    fallback으로 사용할 settings

 

code에서 설정 진입 방법

   

좌측 하단 '톱니바퀴' 모양의 icon을 click (설정 진입) ->

Prettier 검색 ->

우측 상단 ... 왼쪽의 왼쪽에 종이 넘기는 모양의 icon 클릭

이제 다음과 같이 설정 내용을 수정할 수 있는 settings.json 파일이 열립니다. 

    

 

 

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

 

prettier.enable (default: true)