使用 Ruby on Rails 安装 Tailwind CSS

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

创建项目

如果还没有 Rails 项目，先创建一个。最常见的做法是使用 Rails Command Line。

Terminal

rails new my-project
cd my-project

安装 Tailwind CSS

安装 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">
  <!-- prettier-ignore -->
  Hello world!
</h1>