Cài đặt Tailwind CSS với Ruby on Rails

Thiết lập Tailwind CSS trong dự án Ruby on Rails v8+.

Bắt đầu bằng cách tạo một dự án Rails mới nếu bạn chưa thiết lập. Cách phổ biến nhất là sử dụngRails Command Line.

Terminal

rails new my-projectcd my-project

Cài đặt gem tailwindcss-rails sau đó chạy lệnh cài đặt để thiết lập Tailwind CSS trong dự án của bạn.

Terminal

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

Chạy quá trình build với ./bin/dev.

Terminal

./bin/dev

Bắt đầu sử dụng các utility class của Tailwind để style nội dung của bạn.

index.html.erb

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