Oops, All Code!/📝 Study Notes

[VSCode] 자동 작은 따옴표 전환이 안되는 문제

밍동망동 2023. 3. 19. 15:30

JS 같은 경우는 single quote든

double quote든 상관 없지만

권고되는 쪽은 single quote다.

 

왜냐면 shift 키를 안 눌러도 되니까...

둘 다 되다보니 중구난방으로 쓰면 약간 불쾌하다.

 

그래서 저장하면 자동으로 single quote 변환이 되는 설정을 했는데,

적용이 안됐다...!

 

다들 세팅으로 가서 설정하던데,

나만 안돼!!!

근데 아무도 안되는 사람이 없는지 그 해결방안 포스팅이 없었다...

결국 지난 주에 트러블슈팅만 계속하다가 알아낸 방법 ㅎ


01. 많이들 사용하는 방법

1. setting에 들어가 quote 검색을 한다.

setting
quote

2. 네 가지 설정을 위 사진과 동일하게 해준다.

single quote 설정

JavaScript Quote Style

TypeScript Quote Style

Prettier: Jsx Single Quote

Prettier: single Quote

 

02. 그래도 적용이 안되는 경우

근데 나는 이렇게 해도 적용이 안됐다...ㅎ

남들 다 저렇게 해서 쓰는거같은데...

 

여러모로 검색하다가

이게 문제가 아닌 듯 싶어 익스텐션 쪽을 확인했다.

가장 연관 있는 익스텐션이 프리티어라 프리티어 설정으로 들어갔다.

Extension Settings

 

Default Formatter

바로 이 설정이 문제였다.

default 값이 null이라 이쪽으로 설정되어있었다.

 

위의 예시사진처럼

Prettier-Code formatter로 수정했더니 해결됐다.