← [ BACK_TO_NOTES ]

shadcn/ui 旧版学习记录

保留早期 shadcn/ui 学习语境和旧 CLI 记录;当前用法统一指向主资源笔记。

#frame #concept #growing

[!info] related notes

shadcn/ui 旧版学习记录

这是早期学习记录的保留入口。源码分发、依赖管理、变体示例和当前 CLI 用法已收敛到 主资源笔记。

旧记录的语境

  • 当时围绕 Radix UI + Tailwind CSS + Lucide + cva 学习组件组合;不要把这组依赖视为所有版本和所有组件的固定清单。
  • 旧记录使用 npx shadcn-ui@latest init / add button。这是旧 CLI 名称,当前使用 shadcn;原命令旁粘连的引用编号不是命令参数。
  • 旧记录以组合 Dialog、Button、Command 构建命令面板为例。旧代码缺少子组件导入,也没有完整实现快捷键,因此不保留为“可运行示例”。
  • 定制可以直接修改组件源码,也可包装稳定接口;包装不能消除依赖升级或上游 API 变化的风险。
  • 按需导入图标、学习 headless 组件组合仍有价值;组件数量“30+”和固定的框架适用性比较已不适合作为当前选型依据。

原笔记所说的 theme.js 不是通用必需文件;主题配置应按项目的 Tailwind 主版本处理,见主笔记。源码开放也不代表没有依赖或无需维护升级。

原参考

创建于 2025/1/1 更新于 2026/10/6
Digital Biome
Access

键盘导航

j / k / ↑ / ↓
选择对象
Enter / o
打开选择
/ 或 Ctrl+K
全站搜索
i / f / 1–4
筛选当前列表
g → h / l / p / t / a
首页 / 笔记 / 项目 / 工具 / About
r → 1–9
打开所选对象的关联
u
返回上一页
Esc
关闭浮层 / 取消命令;输入框内清空文本