Tailwind CSS是用于构建现代，用户友好的UI组件的实用第一CSS框架。首先是实用程序，我的意思是尾风专注于CSS课程的奇异性，确保单个班级完全做一件事。

想要给尾风CSS旋转，但是您不确定从哪里开始？让我告诉你。

要求

• node.js v12及以上设置。
• 基本HTML和CSS知识。

“安装指南

如果您只有HTML和CSS的基本经验，并且希望开始使用tailwind，首先，确保您运行节点版V12.16或更高版本。接下来，您希望首先在全球安装NPX。如果您正在运行NPM版本5及更高版本，则NPX应该已经预先包装了NPM。

npm i -g npx

安装后，创建一个基本的Web项目。我会尽可能简单。我们的项目结构看起来像这样：

现在从您的终端中，更改为样式目录并运行此命令以在该目录中生成comperied tailwind.css文件：

npx tailwindcss-cli@latest build -o tailwind.css

成功安装后，您应该在终端中看到一个提示。

一个新文件，tailwind.css - 现在应该生活在您的样式目录中。

现在，您可以在index.html文件中链接此CSS文件，就像您平常使用任何样式表一样。

您很高兴从这里去。打开浏览器中的HTML文件并开始黑客入侵。您只需要阅读documentation即可找到所需的任何实用程序。查看demo here。

您还可以在此处找到演示的源代码：

欢呼