[VSCode] Vue 코드 성형 도구 설정을 단일 인용으로 설정

VSCode에서 Vue의 코드 성형 툴(Prettier)의 설정을 싱글 쿼테이션으로 하고 싶다.

문제

오래된 기사에서는 다음과 같이 쓰여지는 경우가 많았다.

메뉴에서 Code > Preference > Settings를 엽니다.
검색 바에서 SingleQuote 와 검색하여 나온 것을 확인.



자신의 환경에서는 이 설정을 행해도 성형시에 더블 쿼테이션이 남았다.

해결책

Pritter는 업데이트가 있었던 것 같고, 공통의 설정 파일을 이용하지 않고 Pritter 전용 파일로부터 지정하도록 변경된 것 같다.

프로젝트 루트 디렉토리에 .prettierrc를 작성하여 다음을 작성하십시오.

.prettierrc

{
  "singleQuote": true
}

이제 포맷터 바로 가기 Shift+Option+F 를 누르면 싱글 따옴표로 성형되게 되었다.

참고

h tps : // s t c ゔ ぇ rf ぉ w. 코 m / 쿠에 s 치온 s / 59243558 / vs 코데의 t-p r 마친 ghts-js
htps : // p r r. 이오 / 도 cs / 엔 / 곤후 쿠라 치온. HTML