Tailwind CSS home page
  1. Getting Started
  2. 框架指南

安装

Framework Guides

特定于框架的指南涵盖了我们推荐的在许多流行环境中安装 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 中针对夜间模式优化你的网站。

  • 重用样式

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

  • 自定义框架

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

Tailwind CSS 中文网 - 粤ICP备13048890号