Prettier
:자동으로 코드의 스타일을 관리해주는 도구
Pre-commit Hook
: git 에서 commit 하기 전에 미리 코드를 정리해주는 기능
Tutorial (in vs code)
- vs code 확장에서 Prettier 검색 후 설치
- 프로젝트에 .prettierrc 파일 생성
- 프리티어 설정하기. 설정 내용은 Prettier 공식 홈페이지 Configuration(https://prettier.io/docs/en/configuration.html) 에서 확인 가능
- F1 누르고 format document 를 누르면 프리티어에서 설정한 대로 코드가 정리된다
- 만약 저장할 때마다 코드를 정리하고 싶은 경우 vscode 설정에서 format on save 체크해주기
속성 예시
trailingComma: 객체를 선언할 때 뒤에 쉼표를 넣는 것을 의미.
- none: 쉼표 안넣어도 됨
- es5: es5에서 지원하는 정도로 넣기
- all: 매번 사용
tabWidth: 들여쓰기 몇칸으로 할지
- 4: 들여쓰기 4칸
semi: 세미콜론을 쓸지 말지
- false / true
singleQuote: ''
- true: 매번 singleQuote 를 사용
더 많은 속성은 https://prettier.io/docs/en/options.html 에서 확인 가능
'기록' 카테고리의 다른 글
[React] Router (0) | 2021.09.10 |
---|---|
Snippet 설정하기 in VSCode (0) | 2021.09.07 |
RESTful API 와 GraphQL 차이 (0) | 2021.08.24 |
Scss 를 다양하게 사용해보자! (0) | 2021.08.15 |
Webstorm 에서 PostCSS 사용 (0) | 2021.07.28 |