코드 자동 정렬을 하고 싶으시면 prettier 익스텐션을 설치해주세요.

1. 라이브러리 설치

npm install -D prettier prettier-plugin-tailwindcss

2. .prettierrc 생성

프로젝트 루트 경로에 .prettierrc를 생성하고 아래와 같이 적어주면 설정이 완료됩니다.

// .prettierrc
{
  "plugins": ["prettier-plugin-tailwindcss"]
}

3. 저장 시 자동 정렬

Format On Save를 클릭해줍니다.

이제, Ctrl + S 로 저장하면 Tailwind CSS가 알아서 정렬됩니다.