Tailwindcss - Prettier 적용

tailwindcss - prettier 를 적용해보자

1. 설치

npm install -D prettier prettier-plugin-tailwindcss

2. .prettierrc

{
  "tabWidth": 2,
  "bracketSpacing": true,
  "singleQuote": true,
  "bracketSameLine": true,
  "trailingComma": "none",
  "printWidth": 90,
  "semi": false,
  "jsxSingleQuote": true,
  "plugins": ["prettier-plugin-tailwindcss"]
}

plugins 에 추가!

3. 테스트
   
   이전 classname 부분이
   
   이렇게 자동으로 정렬되는 것을 확인할 수 있다!