在 Ruby on Rails 项目中安装 Tailwind CSS

在 Ruby on Rails v7+ 项目中设置 Tailwind CSS。

如果你还没有 Rails 项目，请先创建一个新项目。最常见的方法是使用 Rails 命令行。

Terminal

rails new my-projectcd my-project

安装 tailwindcss-ruby 和 tailwindcss-rails gem，然后运行安装命令以在你的项目中设置 Tailwind CSS。

Terminal

./bin/bundle add tailwindcss-ruby./bin/bundle add tailwindcss-rails./bin/rails tailwindcss:install

使用 ./bin/dev 运行你的构建过程。

Terminal

./bin/dev

开始使用 Tailwind 的工具类来美化你的内容。

index.html.erb

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