[ TIL ] 12.26(월) 31일차

Prettier

코드 서식 관리 도구

 

코드 서식

코드 서식이란 코드를 작성하는 방식, 코드의 형식(Format), 코딩 스타일이라고도 한다.

 

프리티어 기본 규칙

module.exports = {
  trailingComma: 'es5',
  tabWidth: 2,
  semi: true,
  singleQuote: true,
  arrowParens: 'always',
};

 

 

1. trailingComma : 코드 맨 뒤에 콤마를 붙일 수 있는 경우 붙일지 말지 결정하는 규칙('es5', none, all)
2. tabWidth : 들여쓰기 너비
3. semi : 명령문 끝에 세미콜론 추가 여부(true, false)
4. singleQuote : 큰 따옴표 대신 작은 따옴표 사용 여부(true, false)
5. arrowParens : 화살표 함수의 매개변수 표시 형태('always')
6. printWidth : 코드 한줄 길이
7. bracketSpacing : 객체 선언시 괄호 양 끝 사이의 간격 사용 여부