✏️ AI 术语图鉴

组件库 · Component Library

英文:component library(按单词直读)

技术栈与工具难度:进阶 ★★

🗣️一句话大白话

现成的 UI 零件超市:按钮、弹窗、表格、日期选择器都是调好样式的成品,拿来就用。shadcn/ui、Ant Design、Element Plus 都是它。

🎬真实场景

手写一个像样的日期选择器要一周;从组件库拿一个十分钟搞定,还自带键盘操作和无障碍支持。AI 做管理后台几乎必配组件库。

📮你可以这样说

「「UI 用 shadcn/ui:按钮、弹窗、表格、表单都用它,主题按项目配色定制。不要手写这些基础组件。」」

通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。

⚠️边界与常见误解

  • ▸组件库决定「长相基调」:中途换库≈重做界面
  • ▸不同库风格迥异:Ant Design 偏后台管理、shadcn/ui 偏现代极简
  • ▸库升级可能有破坏性变化:升级前看变更日志

🕸️知识关系图

这个词条与相关术语、AI绘图 知识的连接关系

相关术语相关术语相关术语
React
react
Tailwind CSS
tailwind css
Vue
vue
组件库
component library

🔗相关术语