安装
Tailwind CSS 通过扫描所有 HTML 文件、JavaScript 组件以及其他模板中的类名来工作，生成相应的样式，然后将其写入静态 CSS 文件。
它快速、灵活且可靠——无运行时。
将 Tailwind CSS 安装为 PostCSS 插件是将其与 Next.js 和 Angular 等框架集成的最无缝方式。
通过 npm 安装 tailwindcss、@tailwindcss/postcss 和 postcss。
npm install tailwindcss @tailwindcss/postcss postcss将 @tailwindcss/postcss 添加到你的 postcss.config.mjs 文件，或者你的项目中任何 PostCSS 已配置的地方。
export default { plugins: { "@tailwindcss/postcss": {}, }}在你的 CSS 文件中添加一个 @import 来导入 Tailwind CSS。
@import "tailwindcss";使用 npm run dev 或者任何在你的 package.json 文件中配置的命令来运行你的构建过程。
npm run dev确保你的编译后的 CSS 文件包含在 <head> （你的框架可能会为你处理这一点），然后开始使用 Tailwind 的实用类来为你的内容添加样式。
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="/dist/styles.css" rel="stylesheet"></head><body> <h1 class="text-3xl font-bold underline"> Hello world! </h1></body></html>