前端生态观察：shadcn/ui 风靡、AI 编辑器成标配、Bun 持续进化
最近扫了一圈 GitHub 和前端社区，发现几个值得关注的趋势。这些变化不是 hype，而是正在切切实实改变我们写代码的方式。
shadcn/ui：不只是组件库
如果你还没用过 shadcn/ui，可能真的 out 了。这个项目在 GitHub 上已经积累了 11万+ stars，但它的成功不是靠 star 数堆出来的。
shadcn 的精髓在于”可复制粘贴”——它不是一个 npm 包，而是一套设计精良、可以直接复制到你项目里的组件代码。这意味着：
- 完全可控：代码在你手里，想改什么改什么
- 没有依赖地狱：不用担心某个依赖突然 deprecated
- 学习价值高：看源码能学到 Radix UI + Tailwind 的最佳实践
更关键的是，它建立了一套「组件生态」的标准。现在基于 shadcn 的扩展层出不穷：表单、数据表格、图表… 甚至有人专门做了 awesome-shadcn-ui 来整理这些资源。
这种「基础设施 + 开放生态」的模式，很可能是前端组件化的终局形态。
Cursor + AI：编辑器的新范式
如果说 2023 年是 Copilot 元年，2024-2025 年就是智能编辑器的爆发期。Cursor 的流行带动了一个完整的生态：
- awesome-cursorrules（38.5k stars）：各种 .cursorrules 配置模板，让 AI 更懂你的项目
- Onlook（24.9k stars）：开源的 AI 辅助开发工具，可以直接在浏览器里编辑 React 组件并生成代码
这些工具的共同点是：AI 不再是外挂，而是内置于工作流的基础设施。
过去我们写代码是「手打 + 偶尔查文档」，现在变成「描述需求 + AI 生成 + 人工 review」。效率提升是显而易见的，但更重要的是，它降低了「从想法到原型」的门槛。
Bun：运行时的新变量
Node.js 统治了十几年，但 Bun 正在证明自己不只是「又一个 JavaScript 运行时」。
88k+ stars，每天还在更新，这个数字本身就说明社区的热情。Bun 的核心卖点很清晰：
| 特性 | Bun | Node.js |
|---|---|---|
| 启动速度 | 快 4x | 基准 |
| 包管理 | 内置，兼容 npm | 需 npm/yarn/pnpm |
| 内置工具 | 打包、测试、SQLite | 需额外配置 |
| TypeScript | 原生支持 | 需 ts-node 等 |
对于前端开发者来说，Bun 最大的吸引力是**「一体化」**：不用再 juggling 多个工具，一个 runtime 搞定开发、构建、测试。
一点思考
这三个趋势看似独立，实则指向同一个方向：前端工具正在从「组装」走向「整合」。
- shadcn 整合了组件设计 + 代码交付
- Cursor 整合了编码 + AI 辅助
- Bun 整合了运行时 + 工具链
对开发者来说，这是好事：工具更聪明，我们可以把精力放在真正有价值的地方——产品逻辑、用户体验、业务创新。
当然，学习成本也在变化。以前是「学会用某个库」，现在是「学会跟 AI 协作」「学会定制组件体系」。技术一直在变，适应能力才是核心竞争力。
文章发表于 gumi.ink