파피루스

jsx/tsx, single quote 설정 (prettierrc, eslint) 본문

Today I Learned/in dev

jsx/tsx, single quote 설정 (prettierrc, eslint)

떼굴펜 2024. 9. 1. 14:59

0. vscode extension에서 prettier, eslint 설치

 

1. 기본 포맷터를 prettier로 설정

 

2. fomat on save : 체크하기

 

 

3. tsx 파일 Single Quote 설정

3-1. eslint 설정

 

3-2. .prettierrc 설정

 

4. 완성! 이제 저장하면 tsx 파일의 quote 들 모두 자동으로 single quote으로 fomatting 된다