在 Ruby on Rails 中安裝 Tailwind CSS

在 Ruby on Rails v8+ 專案中設定 Tailwind CSS。

如果你還沒有設定專案，請先建立一個新的 Rails 專案。最常見的方式是使用 Rails 命令列。

Terminal

rails new my-projectcd my-project

安裝 tailwindcss-rails gem，然後執行安裝指令以在你的專案中設定 Tailwind CSS。

Terminal

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>