TailwindCSS 高效入门

正确使用姿势:

  1. 无 CSS
  2. 实用优先,多用组合
  3. 提取组件类,减少重复出现的class

搭档利器:

  1. clsx,简单的条件类名组合;
  2. twMerge,需要类名覆盖的场景;
  3. cva,有多个变体的复杂组件

开发体验:

  1. Tailwind CSS IntelliSense - 核心智能感知
  2. Headwind - 保持代码整洁
  3. Tailwind Fold - 提高可读性
  4. Convert CSS to Tailwindcss - CSS 转换 TailwindCSS

Ref