用途:shadcn-ng 是 shadcn/ui 的 Angular 移植版,提供使用 Tailwind CSS 样式化的可复制粘贴组件,适用于 Angular 项目组件开发、调试、最佳实践与组件修改。
主要能力:全部组件为 Angular 独立组件,可直接在 imports 数组中导入;提供 cn() 工具函数(来自 lib/utils.ts)用于合并 Tailwind CSS 类名;通过 globals.css 中的 CSS 变量配置颜色,实现动态主题。
使用方式:使用 npx shadcn-ng@latest init 进行初始化,使用 npx shadcn-ng@latest add <component> 添加组件。项目需按官方安装指南配置 tailwindcss-animate、class-variance-authority、clsx 和 tailwind-merge。可将组件复制到项目中并按需自定义;也可创建自己的 registry.json 在项目间共享与复用自定义组件。
适用场景:Angular 项目中的 UI 组件引入与定制、主题配置、组件调试与代码修改。
限制:资料未提供具体版本支持范围、价格与许可、组件完整清单及与各 Angular 版本的兼容性细节。