[개발환경 구축] Install Tailwind CSS with Angular

1. Angular CLI로 프로젝트 생성

ng new <project>

2. TailwindCSS 설치

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init # tailwind.config.js 파일 생성

3. CSS에 Tailwind Directives 추가

./src/styles.css 파일에 아래 코드 추가

@tailwind base;
@tailwind components;
@tailwind utilities;

4. Build

ng serve

5. TailwindCSS 사용하기!!

공식사이트: https://tailwindcss.com/

<h1 class="text-3xl font-bold underline">
  Hello world!
</h1>

출처: https://tailwindcss.com/docs/guides/angular