在 Ruby on Rails 中安装 Tailwind CSS

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

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

终端

rails new my-project
cd my-project

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

终端

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

通过运行 ./bin/dev 启动构建过程。

终端

./bin/dev

开始使用 Tailwind 的实用类来为您的内容设置样式。

index.html.erb

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