Tailwind CSS 用户?读读这个!

2025-05-27

Tailwind CSS 用户?读读这个!

所以,如果你和我一样,是一位热爱使用 Tailwind CSS 的前端开发者,那么这篇文章或许能帮你节省一两分钟的时间。各位,当我开始使用 Tailwind 时,我探索了所有框架或库的秘密所在。没错!你猜对了,那就是神圣的文档。👨🏻‍💻

我打开了 Next.js Tailwind 设置指南,发现要开始使用这个功能,需要执行一系列步骤。和你一样,我完成了所有步骤,瞧!Tailwind 已经集成到我的项目中了。

之后,我开始阅读文档,发现 Tailwind 的设置过程因框架而异。所以现在,如果你想在将 Tailwind 与 Next.js 一起使用后再将其与 React.js 项目一起使用,相同的设置步骤将无法奏效。

事实证明,我真的很讨厌为了开始做某件事而额外花费一两分钟。所以,像其他开发者一样,我运用我的神奇能力,把这些垃圾工作自动化了。瞧!new-tailwind-app时代来了。

⚡️ 新的 Tailwind 应用

所以,new-tailwind-app是一个零配置的跨平台工具,它只需一个命令就能将 Tailwind 与六种不同的 Web 框架集成。没错!我知道。很神奇吧?!

你只需要在电脑上安装 Node,然后我就能帮你搞定一切。只需在终端中运行以下命令,就可以了:

npx new-tailwind-app@latest 
Enter fullscreen mode Exit fullscreen mode

您可以在终端中输入以下命令来查看所有支持的框架。

# see all the features you get with the CLI
npx new-tailwind-app@latest --help
Enter fullscreen mode Exit fullscreen mode

帮助

好了,各位,就到这里!如果您觉得这个工具有用,别忘了点个。现在就行动起来,利用开源的力量做好事,节省时间吧。

麦圈🤞🏻

文章来源:https://dev.to/msaaddev/tailwind-css-user-read-this-488n
PREV
如何使用 JavaScript 和 React Native News API 构建新闻应用程序 news.js App.js Article.js
NEXT
NodeJS 和 ExpressJS 项目的文件夹结构