[221226] 코드 서식 정리 - Prettier

경진·2022년 12월 26일
0

배경

  • 개발자들은 같은 기능 구현이라도 각자의 코딩 스타일이 있으므로 일괄적인 형식(Format)을 맞추기 위해 Prettier가 나오게 되었다.
  • 관련 공식 문서 사이트 (바로가기)

사용 방법

  1. 터미널에 prettier 설치
npm install prettier -D // 서비스 구동 시킬 때 필요한 모듈이 아니므로 devDependency로
  1. 스크립트 추가 - package.json
{
    "name": "여러분의 프로젝트 이름일거예요",
    "version": "1.0.0",
    "scripts": {
        "start": "node app.js",
        "prettify": "prettier --write *.js **/*.js" // 이 부분에 추가
    },
... 생략
}
  1. 설정파일 추가 - .prettierrc.js (권장)
module.exports = {
  trailingComma: 'es5',
  tabWidth: 2,
  semi: true,
  singleQuote: true,
  arrowParens: 'always',
};

설정파일 추가 - 옵션

profile
항상 처음 세웠던 목표 처럼

0개의 댓글