【Vite / shadcn-ui / TailwindCSS】React ViteでのTailwindCSS導入と npx tailwindcss init -p が動かない問題の解決方法について

React ViteでのTailwindCSS導入について📝

npm install tailwindcss @tailwindcss/vite

# pnpmの場合
pnpm add tailwindcss @tailwindcss/vite

必要に応じて、animateなども追加📝

pnpm add tailwindcss-animate tailwind-merge

https://tailwindcss.com/docs/installation/using-vite

React Viteでのshadcn-uiの導入について

こちらの手順通りに進める💁
https://ui.shadcn.com/docs/installation/vite

npx tailwindcss init -p が動かない問題の解決方法について📝

https://github.com/shadcn-ui/ui/issues/6434

https://github.com/shadcn-ui/ui/discussions/2996

https://zenn.dev/linux_club/articles/dd03b7fdfe48f8

https://zenn.dev/t_kakei/scraps/8a4fe5b12a2627