跳到主要内容

前端工程 · 技术选型

组件库

Component Library

也叫:UI 库、UI 框架、组件包、设计系统

别人做好、可以直接安装使用的一整套界面组件,如按钮、表单、弹窗,风格统一,省去从零编写。

详细解释

组件库像一盒配好色的成品积木:按钮、输入框、表格、对话框都做好了,风格统一,还处理好了键盘操作、无障碍等细节。常见的有 Ant Design、Element Plus、MUI、shadcn/ui 等。

它不是框架,而是依附于某个框架:Ant Design 用于 React,Element Plus 用于 Vue,不能跨框架混用。shadcn/ui 比较特别,是把组件源码直接复制进你的项目,可以随意修改。

新手常见问题是一个项目里混用了两三个组件库,导致风格不统一、体积变大。建议选定一个并写进规则文件,让 AI 优先用库里的组件,而不是每次手写一个新的。

开发者信息
术语 ID
eng-component-library
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/09/29