安裝
Tailwind CSS 的運作方式是掃描所有 HTML 檔案、JavaScript 組件和任何其他範本中的類別名稱，產生對應的樣式，然後將其寫入靜態 CSS 檔案。
它快速、靈活且可靠 — 零執行時間。
從頭開始使用 Tailwind CSS 最簡單快速的方法是使用 Tailwind CLI 工具。如果您想在不安裝 Node.js 的情況下使用它，CLI 也可作為獨立的可執行檔。
透過 npm 安裝 tailwindcss 和 @tailwindcss/cli。
npm install tailwindcss @tailwindcss/cli將 @import "tailwindcss"; 匯入新增至您的主要 CSS 檔案。
@import "tailwindcss";執行 CLI 工具來掃描您的原始檔案中的類別並建置您的 CSS。
npx tailwindcss -i ./src/input.css -o ./src/output.css --watch將您編譯的 CSS 檔案新增至 <head>，並開始使用 Tailwind 的公用類別來設定內容樣式。
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="./output.css" rel="stylesheet"></head><body> <h1 class="text-3xl font-bold underline"> Hello world! </h1></body></html>