배경
- 개발자들은 같은 기능 구현이라도 각자의 코딩 스타일이 있으므로 일괄적인 형식(Format)을 맞추기 위해 Prettier가 나오게 되었다.
- 관련 공식 문서 사이트 (바로가기)
사용 방법
- 터미널에 prettier 설치
npm install prettier -D // 서비스 구동 시킬 때 필요한 모듈이 아니므로 devDependency로
- 스크립트 추가 - package.json
{
"name": "여러분의 프로젝트 이름일거예요",
"version": "1.0.0",
"scripts": {
"start": "node app.js",
"prettify": "prettier --write *.js **/*.js" // 이 부분에 추가
},
... 생략
}
- 설정파일 추가 - .prettierrc.js (권장)
module.exports = {
trailingComma: 'es5',
tabWidth: 2,
semi: true,
singleQuote: true,
arrowParens: 'always',
};
설정파일 추가 - 옵션