[Node.js] Prettier 란? / Perttier 사용법

Prettier란?

파일을 저장할때마다, 코드를 사용자가 원하는 형식으로 모양을 예쁘게 만들어주는 Node.js 패키지

( Visual Studio의 Prettier와 같다! )

 

Prettier 설치

// -g : 컴퓨터에 설치
// -d : package.json devDependencies에 저장
// -e : 사용자 지정버전 설치

npm i -gde prettier

 

Prettier 설정파일 만들기 ( .prettierrc.json ) / 옵션확인 : prettier.io/docs/en/options.html

// 예시 이므로, 입맛에 맞게 변경하세요!
{
  "arrowParens": "avoid",
  "bracketSpacing": true,
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxBracketSameLine": false,
  "jsxSingleQuote": false,
  "printWidth": 80,
  "proseWrap": "preserve",
  "quoteProps": "as-needed",
  "requirePragma": false,
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "none",
  "useTabs": false
}

 

Prettier 사용하기

// 코드가 사용자 설정대로 예쁘게 바뀝니다!
// --write : 설정에 맞게 새로 덮어씀

prettier test.js --write