VS Code 작은 따옴표, 큰 따옴표 설정하기

 

 

VS Code에서 코드 작성할 때 나는 주로 큰 따옴표(Double quote)를 사용하는 것을 선호하는데, 자꾸 자동으로 작은 따옴표(Single quote)가 사용되어서 설정을 찾아보던 중에 발견했다.

 

나중에 팀 컨벤션이 작은 따옴표인 경우도 있을 수 있기 때문에, 상황에 맞게 설정을 변경할 때 유용할 것 같아 블로그에 남기는 게 좋을 것 같다고 생각했다.

 

---

 

 

먼저 code - 기본 설정 - Settings 또는 단축키 Command + , 를 눌러서 Settings에 들어간다.

 

 

여기서 다음 네 가지를 상황에 맞게 설정해준다.

 

1. 기본 설정을 큰 따옴표(Double quote)로 설정 시

• JavaScript > Preferences: Quote Style ➡️ double
• TypeScript > Preferences: Quote Style  ➡️ double
• Prettier: Single Quote  ➡️ 체크 해제
• Prettier: Jsx Single Quote ➡️ 체크 해제

2. 기본 설정을 작은 따옴표(Single quote)로 설정 시

• JavaScript > Preferences: Quote Style ➡️ single
• TypeScript > Preferences: Quote Style  ➡️ single
• Prettier: Single Quote  ➡️ 체크
• Prettier: Jsx Single Quote ➡️ 체크

 

---

참고 사이트

VSC 작업할 때 큰 따옴표(single quote) to 작은 따옴표(double quote) 바꾸기