系列文章 /
Tailwind 与 shadcn/ui 实战指南
本系列共 4 篇文章
1
Tailwind v4 + Vite：5 分钟完整配置模板与目录结构
从零开始配置 Tailwind CSS v4 + Vite 项目，提供完整的 5 分钟模板和推荐的目录结构。包含 v3 到 v4 迁移清单，帮你快速搭建现代化前端项目。
技术开发
T
2
shadcn/ui 安装与主题定制完全指南（含 CSS 变量）
详解 shadcn/ui 安装配置与主题定制方法，涵盖 CSS 变量、OKLCH 颜色、暗色模式切换。掌握品牌化 UI 设计最佳实践，5 分钟快速上手
技术开发
S
3
用 shadcn/ui 搭建后台骨架：Sidebar + Layout 最佳实践
掌握 shadcn/ui Sidebar 与 Next.js Layout 整合的最佳实践。从组件架构、响应式设计到权限控制，手把手搭建可扩展的后台管理骨架，含完整代码示例
技术开发
用
4
Tailwind 响应式布局实战：容器查询与断点策略
深入讲解 Tailwind CSS 响应式布局，对比断点与容器查询的适用场景，结合 v4 新特性提供可复用的组件级响应式方案
技术开发
T
