在 Astro 中安装 Tailwind CSS - Tailwind CSS 中文网

Getting Started
在 Astro 中安装 Tailwind CSS

创建你的项目
如果你还没有设置Astro项目，可以先创建一个新的Astro项目。最常见的方法是使用 create astro。
终端
```
npm create astro@latest my-projectcd my-project
```
安装 Tailwind CSS
运行 astro add 命令来安装 tailwindcss 和 @astrojs/tailwind，并生成一个 tailwind.config.cjs 文件。
终端
```
npx astro add tailwind
```
开始构建流程
使用 npm run dev 运行你的构建流程。
终端
```
npm run dev
```
开始在你的项目中使用 Tailwind
开始使用 Tailwind 的工具类来为你的内容添加样式。
index.astro
```
<h1 class="text-3xl font-bold underline">
  Hello world!
</h1>
```