[Angular prettier] arrow function 축약문법 설정

초록귤·2022년 6월 15일
0

Error

목록 보기
6/6

배경

코드 리뷰를 받을 때, 세미콜론을 자꾸 빼먹는 경우가 생겨 프리티어로 세미콜론만 추가로 설정하고자 했다. ( 나머지 설정은 회사 포맷 파일을 이용해야 했다. )
그런데, 단일 인자로 화살표 축약 문법 설정으로 고쳤던 코드들이 (a) => console.log(a) 로 다시 괄호가 붙여지기 시작했다. ( 코드 리뷰에서 다시 확인 받음.. )
그래서, 왜 이런가 싶어 세미콜론 설정 코드+ 화살표 축약 문법 한 줄을 추가했다.
"arrowParens": "avoid"
그래도 똑같았다...
구글링의 반복으로 찾은 해결법

해결

package.json 파일에 기존 script 코드에서 추가하고 프리티어를 실행시켜줬다. 자신의 파일에 맞게 확장자 변경은 필요!

"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"test": "ng test" }

아래 코드를 추가했다. 

"format": "prettier --write '{public,src}/*/.{scss,html,js,ts}'"
}

npm run format 실행시키면 자동 변환 완료 !

profile
초록색 귤이 노랑색으로 익어가듯, 실력이 익어가기 위해 노력하는 개발자 lahee입니다. 프론트엔드 개발자를 목표로 성장하고 있습니다.

0개의 댓글