前端工程 · 技术选型
组件库
Component Library
也叫:UI 库、UI 框架、组件包、设计系统
别人做好、可以直接安装使用的一整套界面组件,如按钮、表单、弹窗,风格统一,省去从零编写。
详细解释
组件库像一盒配好色的成品积木:按钮、输入框、表格、对话框都做好了,风格统一,还处理好了键盘操作、无障碍等细节。常见的有 Ant Design、Element Plus、MUI、shadcn/ui 等。
它不是框架,而是依附于某个框架:Ant Design 用于 React,Element Plus 用于 Vue,不能跨框架混用。shadcn/ui 比较特别,是把组件源码直接复制进你的项目,可以随意修改。
新手常见问题是一个项目里混用了两三个组件库,导致风格不统一、体积变大。建议选定一个并写进规则文件,让 AI 优先用库里的组件,而不是每次手写一个新的。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-component-library- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29