Tailwindcss - Prettier 적용

흐에ㅔㅔ·2024년 3월 27일

tailwindcss - prettier 를 적용해보자

  1. 설치
npm install -D prettier prettier-plugin-tailwindcss
  1. .prettierrc
{
  "tabWidth": 2,
  "bracketSpacing": true,
  "singleQuote": true,
  "bracketSameLine": true,
  "trailingComma": "none",
  "printWidth": 90,
  "semi": false,
  "jsxSingleQuote": true,
  "plugins": ["prettier-plugin-tailwindcss"]
}

plugins 에 추가!

  1. 테스트

    이전 classname 부분이

    이렇게 자동으로 정렬되는 것을 확인할 수 있다!
profile
공부좀하자...

0개의 댓글