🤪 prettier 이용하는 방법

📌 prettier

VScode 확장자에서 다운로드 받았다. 이것을 이용하면 html, css 파일을 예쁘게 정돈할 수 있다.

1. .prettierrc 파일을 만든다.
2. 코드를 붙여준다.

{
  "tabWidth": 2, # 탭 간격은 2
  "useTabs": false, # 탭 이용은 하지 않는다.
  "endOfLine": "lf", # 마지막 한 줄은 1칸 띄어주기.
  "printWidth": 80, # 80 넘어가면 줄 바꿈시켜주기.
  "semi": false, # 세미 콜론은 사용하지 않는다.
  "singleQuote": false
}

😡 돌아가는 파일이 있고, 돌아가지 않는 파일이 있다...
참고 블로그: VScode Extension Prettier
이 블로그를 이용해서 수정하였지만, 잘 돌아가지 않았다.

💜 해결
[F1] 클릭한 뒤에 > 문서 서식 Format Document를 클릭하니 내가 원하는 대로 모든 문서가 잘 정돈되었다.

➕ 지금까지도 계속 이용하고 있는데 정말 편리하고 좋다... 알아서 줄을 맞춰주니 Error 날 일도 없고 신경 쓸 필요가 없다!