使用 Astro 安装 Tailwind CSS - Tailwind CSS 中文

我们正在招聘设计工程师 + 软件工程师

入门
使用 Astro 安装 Tailwind CSS

创建您的项目
如果您还没有设置 Astro 项目，请先创建一个新的项目。最常见的方法是使用 create astro。
终端
```
npm create astro@latest my-projectcd my-project
```
安装 Tailwind CSS
运行 astro add 命令来安装 tailwindcss 和 @astro/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>
```