vscode에서 EsLint / Prettier 적용하는 방법

 

✔ 적용 방법

 

1. setting 에서 Default Formatter 검색

2. Default Formatter 항목에서 prettier 또는 esLint 전용 포멧으로 설정

3. Format On Save 검색

4. Format On Save 항목 체크 (저장 시 마다 적용되도록 설정)

 

5. 추가) 현재 작업중인 workspace에서 마우스 우클릭 후, 메뉴에서 Format Document With...항목 선택 뒤, 최상단

 

메뉴에서 select a formatter 영역에서 선택하는 방법도 있다.

 

---

 

나의 경우에는, 개인적으로 위 두 formatter보다 'JS-CSS-HTML Formatter'를 사용하는데, 이유는 더 가독성 있고,

 

기본 vscode에서 제공하는 format 기준과 가장 비슷하게 맞춰주기 때문이다.

 

HTML은 head, body, footer 영역을 한 칸씩 띄워주는데, 가시적으로 괜찮은거 같았다.

 

사실 JS에서 가장 원하는 유형으로 format을 맞춰주기 때문에 사용하고 있는거라...아무튼 괜찮은거 같다.

 

물론, 공용 프로젝트나 사용성을 생각한다면, 위에서 소개한 formatter에 맞춰 작업하는 것이 좋을 수 있다.

 

 

---

 

 

이 블로그는 개인이 혼자 공부해가며 내용을 정리하는 용도로 활용되고 있습니다.

잘못된 지식이나 이론을 게시하지 않도록 주의하고 있습니다.