shadcn/ui
组件代码体系shadcn/ui 是把可编辑 React 组件代码添加到项目中的组件代码体系例如，添加 Button 后 button.tsx 会进入项目，可自行修改并维护。添加前先找已有组件；它不是无需维护的黑盒依赖，升级和改动都要检查项目文件。
也常被叫作shadcn
开始前
知道项目里有文件，也见过按钮。
看完后
能判断 shadcn/ui 添加后的 Button 代码在项目内，修改后需要由项目自己维护。
运行命令后，Button 代码去了哪里？
Terminal
$ ls components/ui （还没有 Button）
components / ui
刚才发生了什么
- 1命令添加文件
添加 Button 后，组件文件会写进当前项目的目录。
- 2文件就是你能修改的部分
打开 button.tsx 可以改文字样式、大小或按钮的行为。
- 3预览读的是这份代码
保存修改后，页面重新使用项目里的 Button，所以预览会变化。
添加前先找项目里有没有已有 Button；添加后不要把它当成不会变的外部黑盒，升级和改动都要看自己的文件。
接下来学什么
延伸阅读 · 权威出处