1. prettier 패키지 설치 (-D : 개발 의존성으로 설치)
    npm i prettier -D
  2. 설정 파일 추가
    app.js 파일이 있는 위치(루트 디렉토리)에 .prettierrc.js 파일 생성 후 코드 작성
  • prettier 패키지 설치 (-D : 개발 의존성으로 설치)
    npm i prettier -D
  • 설정파일 추가
    app.js 파일이 있는 위치(루트 디렉토리)에 .prettierrc.js 파일 생성 후 코드 작성
// .prettierrc.js 파일
module.exports = {
  trailingComma: 'es5', // 코드 맨 뒤에 콤마(,)를 붙일 수 있는 경우 콤마를 붙일지 말지 결정. ES5 버전에서 허용하는 부분까지 설정
  tabWidth: 4, // 들여쓰기 한번에 스페이스(여백)를 몇 번 넣을지
  semi: true, // 코드 끝맺음에 세미콜론을 붙일지
  singleQuote: true, // 외따옴표 (''), 쌍따옴표 (" ") 선택
  arrowParens: 'always', // 화살표 함수의 파라메터 부분에 괄호를 항상 붙여줌,
};
  • 스크립트 추가
    package.json 파일에 스크립트 코드 추가
    "prettify": "prettier --write *.js **/*.js"
{
    "name": "프로젝트명",
    "version": "1.0.0",
    "scripts": {
        "start": "node server.js",
        "prettify": "prettier --write *.js **/*.js"
    },
}
  • 터미널로 스크립트 실행
    npm run prettify

+ Recent posts