检查是否安装了 Tailwind 的最简单方法

Question

我正在使用 Tailwind 和 Next.js,，但我无法确定它是否已安装。即使我去 https://play.tailwindcss.com/ 并尝试使用 Tailwind 样式的以下 HTML 元素。

<h1 className="text-3xl font-bold underline">
      Hello world!
</h1>

它不会显示下划线，甚至不会显示 h1 元素。我逐字按照 https://tailwindcss.com/docs/guides/nextjs 中的说明进行操作。有什么想法吗？

Answer 1

它对您不起作用的原因是您使用的是 className 而不是 class。

<h1 class="text-3xl font-bold underline">
      Hello world!
</h1>

使用 NPM，您可以查看是否安装了特定的包。

npm view tailwindcss version

或

npm info tailwindcss version

如果您使用的是 NPX，则可以执行以下操作。

npx gvi tailwindcss

Easiest way to check if Tailwind is installed