速攻で整える！Tailwind CSS v4 セットアップ完全ガイド
VISTA DE CÓDIGO
エディタを読み込み中…
P
Prompt
Create a step-by-step guide for setting up Tailwind CSS v4 in a project. Include key changes like the new @tailwind directive, installation methods (npm, CDN, CLI), and configuration in vite. Show a simple responsive example.
Tailwind CSS v4では、セットアップがよりシンプルになりました。@import "tailwindcss";という1行で従来の複数の@tailwindディレクティブを置き換えます。最新のアルファ版をnpmでインストール：npm install tailwindcss@next @tailwindcss/vite。他のバンドラーの場合は、Tailwind CLIまたは公式CDN（https://cdn.tailwindcss.com）を使用します。設定はCSSベースの@themeディレクティブで管理され、tailwind.config.jsは不要です。grid-cols-1 md:grid-cols-3のようなレスポンシブユーティリティですぐに構築を始められます。
¿Te resultó útil este prompt?
Comentarios
Los comentarios aparecen después de la moderación
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選