shadcn/ui
你可能会说
有没有一套好看的现成组件,代码直接复制进项目就能改?
shadcn/ui 是一套可复制到项目里、由项目自己维护的按钮、表单和弹窗代码。例如加入按钮后,项目里会多出一份按钮代码;修改这份代码,网站里的对应按钮也会改变。它不是在线组件服务,后续更新和修复都由项目自己负责。
也常被叫作shadcn
延伸阅读 · 权威出处
有没有一套好看的现成组件,代码直接复制进项目就能改?
$ ls components/ui (还没有 Button)
命令添加文件:添加 Button 后,组件文件会写进当前项目的目录。
文件就是你能修改的部分:打开项目里的 Button 文件,可以改文字样式、大小或按钮行为。
预览读的是这份代码:保存修改后,页面重新使用项目里的 Button,所以预览会变化。
先检查项目是否已经初始化 shadcn/ui,以及是否已有 Button 组件;已有就直接复用,不要重复生成。若 shadcn/ui 已初始化但缺少 Button,请在项目根目录运行 `npx shadcn@latest add button`,然后在一个现有页面引用生成的 Button。完成后告诉我组件文件写到了哪里,并运行项目检查、打开页面确认按钮样式和点击行为正常。