升级打怪
TailwindCSS
TailwindCSS 高效入门
正确使用姿势:
- 无 CSS
- 实用优先,多用组合
- 提取组件类,减少重复出现的class
搭档利器:
- clsx,简单的条件类名组合;
- twMerge,需要类名覆盖的场景;
- cva,有多个变体的复杂组件
开发体验:
- Tailwind CSS IntelliSense - 核心智能感知
- Headwind - 保持代码整洁
- Tailwind Fold - 提高可读性
- Convert CSS to Tailwindcss - CSS 转换 TailwindCSS