1. 开始使用
  2. 框架指南

安装

Tailwind CSS 入门

Tailwind CSS 的工作原理是扫描你的所有 HTML 文件、JavaScript 组件和任何其他模板中的类名,生成相应的样式,然后将它们写入静态 CSS 文件。

它快速、灵活且可靠 — 零运行时。

框架指南

特定于框架的指南,涵盖了我们在许多流行的环境中安装 Tailwind CSS 的推荐方法。

  • Next.js

    功能齐全的 React 框架,具有出色的开发者体验。

  • Laravel

    PHP Web 应用程序框架,具有富有表现力、优雅的语法。

  • Nuxt

    直观的 Vue 框架,用于构建通用应用程序。

  • SolidJS

    一个用于构建简单、高性能和响应式用户界面的工具。

  • SvelteKit

    使用 Svelte.js 构建各种规模应用程序的最快方法。

  • Angular

    用于构建移动和桌面 Web 应用程序的平台。

  • Ruby on Rails

    全栈框架,包含构建出色 Web 应用程序所需的所有工具。

  • React Router

    一个专注于标准的路由器,你可以部署到任何地方。

  • Phoenix

    一个使用 Elixir 构建丰富、交互式应用程序的框架。

  • Parcel

    用于 Web 的零配置构建工具。

  • Symfony

    一个用于创建网站和 Web 应用程序的 PHP 框架。

  • Meteor

    用于开发跨平台应用程序的全栈 JavaScript 框架。

  • AdonisJS

    一个功能齐全的 Node.js Web 框架。

  • Ember.js

    一个为雄心勃勃的 Web 开发者准备的 JavaScript 框架。

  • Astro

    为速度而设计的一体化 Web 框架。

  • Qwik

    毫不费力地构建即时交互式 Web 应用程序。

  • Rspack

    一个快速的基于 Rust 的 Web 打包器。

没有看到你选择的框架? 尝试使用 Tailwind CLI Vite 插件 PostCSS 插件来代替。
版权所有 © 2025 Tailwind Labs Inc.·商标政策