Tailwind CSS 主页
  1. 入门
  2. 框架指南

安装

框架指南

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

  • Next.js

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

  • Laravel

    具有表达性、优雅语法的 PHP Web 应用程序框架。

  • Vite

    快速且现代的开发服务器和构建工具。

  • Nuxt

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

  • Gatsby

    使用 React 和 GraphQL 构建静态网站的框架。

  • SolidJS

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

  • SvelteKit

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

  • Angular

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

  • Ruby on Rails

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

  • Remix

    专注于 Web 基础和现代 UX 的全栈框架。

  • Phoenix

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

  • Parcel

    Web 的零配置构建工具。

  • Symfony

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

  • Meteor

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

  • Create React App

    用于搭建新的单页 React 应用程序的 CLI 工具。

  • AdonisJS

    Node.js 的全功能 Web 框架。

  • Ember.js

    面向有抱负的 Web 开发人员的 JavaScript 框架。

  • Astro

    专为速度设计的全能 Web 框架。

  • Qwik

    轻松构建即时交互式 Web 应用程序。

  • Rspack

    基于 Rust 的快速 Web 打包器。

找不到您想要的框架？试试使用 Tailwind CLI 或将 Tailwind 作为 PostCSS 插件 安装。

接下来阅读什么

熟悉一些使 Tailwind CSS 与传统 CSS 不同的核心概念。

  • 实用优先的基本原理

    使用实用优先的工作流程，从有限的一组基本实用程序构建复杂的组件。

  • 响应式设计

    使用响应式修饰符构建完全响应的用户界面，以适应任何屏幕尺寸。

  • 悬停、焦点和其他状态

    使用条件修饰符在悬停、焦点等交互状态下为元素设置样式。

  • 暗黑模式

    使用暗模式修饰符直接在您的 HTML 中为您的网站优化暗模式。

  • 重复使用样式

    通过创建可重用的抽象来管理重复并保持项目的可维护性。

  • 自定义框架

    自定义框架以匹配您的品牌并使用您自己的自定义样式进行扩展。