Установите Tailwind CSS с помощью Ruby on Rails

Настройка Tailwind CSS в проекте Ruby on Rails v7+.

Начните с создания нового проекта Rails, если у вас его еще нет. Наиболее распространенный подход — использовать Rails Command Line.

Terminal

rails new my-projectcd my-project

Установите гемы tailwindcss-ruby и tailwindcss-rails, а затем выполните команду установки, чтобы настроить 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>