1. Installation
  2. 在 Ruby on Rails 中安装 Tailwind CSS

Installation

在 Ruby on Rails 中安装 Tailwind CSS

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

01

创建你的项目

如果你还没有设置 Rails 项目,可以先创建一个新的 Rails 项目。最常用的方法是使用 Rails 命令行

Terminal
rails new my-projectcd my-project
02

安装 Tailwind CSS

安装 tailwindcss-rails gem,然后运行安装命令在你的项目中设置 Tailwind CSS。

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

开始构建流程

使用 ./bin/dev 运行你的构建流程。

Terminal
./bin/dev
04

开始在你的项目中使用 Tailwind

开始使用 Tailwind 的工具类来为你的内容添加样式。

index.html.erb
<h1 class="text-3xl font-bold underline">  Hello world!</h1>
TailwindCSS 中文网 - 粤ICP备13048890号