Sveltekit & Tailwind Css & shad-cn

♧ Sveltekit & Tailwind Css & shad-cn

Start a new SvelteKit project

Install Tailwind CSS with SvelteKit

shadcn-svelte Install

아래 순서로 개발 환경 설치

  1: npm create svelte@latest my-app
  2: cd my-app
  3: npm install
  4: npm install -D tailwindcss postcss autoprefixer
  5: npx tailwindcss init -p
  6: npm run dev
  7: npx svelte-add@latest tailwindcss
  8: npx shadcn-svelte@latest init

8번 shadcn-svelte 설치 화면

app.css 파일에서 Unknown at rule @tailwind 오류 발생시,

PostCSS Lnaguage Support 설치하면 사라짐.