[Node.js] Prettier 설정

Asher Park·2022년 12월 26일
0

내일배움캠프_Node.js

목록 보기
11/17
post-thumbnail

스파르타코딩클럽 내일배움캠프 Node.js 심화주차 강의를 들으며 공부한 것을 적은 것입니다.

코드 서식(Code Format)

  • 코드를 작성하는 방식.
  • 협업을 하면서, 서로의 다른 코드 서식으로 인해 의견 충돌이 생길 수 있다.
  • 오타를 줄여 줄 수 있다.
  • 코드 서식을 일관적으로 관리하면, 가독성이 좋고 간결한 코드를 작성할 수 있다.

Prettier

1. VSCode Prettier Extension 설치

2. Default Formatter 설정

3. settings.json 에 입맛에 맞게 설정

{
    "prettier.printWidth": 300,
    "prettier.bracketSpacing": true,
    "prettier.semi": true,
    "prettier.tabWidth": 4,
    "prettier.arrowParens": "always",
    "prettier.jsxSingleQuote": true,
    "prettier.singleQuote": true,
    "prettier.bracketSameLine": false
}
  • printWidth : 코드 한줄 길이
  • bracketSpacing : 객체 선언시 괄호 양 끝 사이의 간격 사용 여부
  • semi : 명령문 끝에 세미콜론 추가 여부
  • tabWidth : 들여쓰기 너비
  • arrowParens : 화살표 함수의 매개변수 표시 형태
  • singleQuote : 큰 따옴표 대신 작은 따옴표 사용 여부
profile
배움에는 끝이없다

0개의 댓글