
最近一段时间,“vibe coding” 的项目在夜晚的技术社区里密集涌现:几乎零门槛、即时生成、所见即所得。开发者只需要描述需求,AI 就能快速拼装出一个完整的前端应用。而在这些不断刷新的 demo、开源仓库和教程中,一个现象逐渐变得清晰——React 正在成为默认答案。
与之形成对比的是,曾经在中文开发者社区中被广泛推崇、甚至被称为“前端开发神器”的 Vue.js,却在这一波 AI 驱动的开发浪潮中逐渐“隐身”。它并没有消失,也没有衰落,但在 AI 的输出中,它不再是那个优先被选择的选项。
这并不是一个简单的“框架优劣”问题,而更像是一种技术生态在 AI 时代的映射:当代码生成开始依赖数据分布,当开发习惯被模型学习并放大,曾经由人主导的选择,正在悄然被“统计结果”所重塑。
于是,一个值得被重新审视的问题浮现出来——
在 AI 参与开发的时代,谁才在真正决定技术的默认路径?
一篇关于框架生态、AI 偏见与技术传播的认知小的思考
一、先看现象
当你用任何主流 AI(Claude、GPT、Gemini)说一句:
“帮我写一个前端项目”
十次有九次,出来的是 React。
这不是巧合,也不是 AI 在推销什么,而是一连串结构性原因叠加的结果。
二、数据层面:React 从未被"平起平坐"

关键数据对比(2023 年 npm 周下载量)
| 框架 | 周下载量 | 主要用户群 |
|---|---|---|
| React | ~2200 万 | 全球,尤其美国 |
| Vue | ~450 万 | 中文圈、亚洲、欧洲部分 |
| Angular | ~350 万 | 企业级、金融 |
| Svelte | ~80 万 | 追求极致体积的开发者 |
Vue 从来不是"消失了",而是在全球绝对数量上本来就没有和 React 持平过。
三、为什么 AI 默认输出 React?
3.1 训练数据的地理偏差
flowchart TD
A[互联网英文内容主导训练集] --> B[美国工程师文化主导英文技术内容]
B --> C[React 是 Meta 美国公司产品]
C --> D[React 相关博客/教程/GitHub 项目海量]
D --> E[AI 训练后 默认前端 = React]
F[中文 Vue 内容丰富] -->|权重被降低| G[对 AI 偏好影响有限]
本质:AI 的训练集是互联网的快照,而这张快照严重偏向英文/美国视角。Vue 在中文互联网极其流行,但中文语料在大模型训练集中的权重远低于英文。
3.2 JSX 对 AI 生成更友好
React 的 JSX 语法天然适合 AI 生成代码:
- 结构 + 逻辑 + 样式写在同一个文件
- 单文件即可表达完整组件
- 不需要在
.vue、.html、.css之间协调 - 生成出错率更低、可运行率更高
AI 在 RLHF(人类反馈学习)阶段,"能跑起来的代码"会获得高分,于是 React 的路径被不断强化。
3.3 训练数据截止时间的锁定效应
timeline
title AI 训练数据截止窗口 vs 框架格局
2020 : React 市场份额顶峰期
: Vue 3 刚发布,生态尚不成熟
2021 : Vite 发布,但影响尚小
2022 : 多数主流大模型训练数据截止
: React 占据绝对语料优势
2023 : Vibe Coding 概念兴起
: AI 已"学死"了 React 偏好
2025 : Vue / Svelte 复兴
: 但 AI 的偏好已固化
四、Vibe Coding 是什么?为什么放大了这个问题?
Vibe Coding = 用自然语言描述需求,AI 直接生成完整可运行代码,开发者几乎不写代码,只做「验收」。
代表工具:Cursor、Bolt、v0.dev、Lovable
sequenceDiagram
participant 用户
participant AI
participant 浏览器
用户->>AI: "帮我做一个待办事项 App"
AI->>AI: 内部推理 → 选框架
Note over AI: 没有指定框架?<br/>默认 React + Vite
AI->>用户: 输出完整 React 项目
用户->>浏览器: npm run dev
浏览器->>用户: 跑起来了
问题在于:在 Vibe Coding 流程里,用户几乎不审查框架选择。只要能跑,就认可了。于是 AI 的 React 偏好被大规模、无意识地复制进了新项目。
五、Vue 消失了吗?客观答案
没有消失,但处境发生了变化
graph TD
subgraph Vue 的真实处境
A[国内大厂仍大量使用 Vue]
B[uniapp / 小程序生态绑定 Vue]
C[Nuxt 3 在 SSR 领域强势]
D[中小团队入门首选]
end
subgraph Vue 的相对弱化
E[Vibe Coding 工具几乎不默认 Vue]
F[英文开源社区以 React 为主]
G[Next.js 生态形成护城河]
H[AI 生成代码强化 React 惯性]
end
客观结论:
- Vue 在中文圈、亚洲市场、小程序生态依然强势
- Vue 在全球 AI 生成代码、英文开源社区的曝光度极低
- Vue 没有消失,但在 Vibe Coding 时代几乎被 AI 忽视
六、React 为什么这么强?
React 的领先不是偶然,有深层的结构性原因:
6.1 生态护城河
mindmap
root((React 生态))
元框架
Next.js
Remix
UI 组件库
shadcn/ui
MUI
Ant Design
状态管理
Zustand
Redux
Jotai
测试
React Testing Library
移动端
React Native
任何竞争框架都要面对这个生态的「重力场」——用 Vue 做项目,就意味着放弃上面大部分工具。
6.2 Next.js 的绑定效应
Next.js 是目前最流行的全栈 Web 框架,它绑定了 React。只要 Next.js 持续统治 SSR/SSG 领域,React 就不可能失去主流地位。
6.3 就业市场的正反馈
graph LR
A[招聘要求 React] --> B[开发者学 React]
B --> C[开源项目用 React]
C --> D[AI 训练数据 React 多]
D --> E[AI 默认生成 React]
E --> F[新项目用 React]
F --> A
这是一个自我强化的循环,很难从外部打破。
七、模型互相蒸馏是原因吗?
有人认为各大 AI 互相蒸馏数据,导致 React 偏好被放大传播。这个观点部分成立,但不是主因:
| 观点 | 评估 |
|---|---|
| 蒸馏确实存在 | 存在但规模有争议,各家 ToS 明确限制 |
| 蒸馏传播了 React 偏好 | 蒸馏传递的是推理风格,不太可能精确传递框架偏好 |
| 原始训练数据本身就偏 React | 这才是根本原因 |
| 英文互联网地理偏差 | 更底层的原因 |
八、给开发者的实用建议
如果你想用 Vue / Svelte / 原生 JS
明确告诉 AI,不要让它「自由发挥」:
用 Vue 3 + Composition API + Vite 实现一个...
用原生 HTML + CSS + Vanilla JS,不要任何框架...
用 Svelte 5 写一个组件...
用 Nuxt 3 构建一个 SSR 页面...
框架选择的实用原则
九、总结
Vue 没有消失。React 确实太强。AI 的偏见放大了这个差距。
- React 的强势有其历史、生态、就业市场的结构性原因
- AI 的默认偏好本质上是英文互联网 + 美国科技文化主导训练数据的结果
- Vibe Coding 时代,AI 的框架偏好被大规模无意识地复制
- Vue 在中文生态依然健康,但在 AI 生成代码的世界里几乎隐形
- 解决方案很简单:明确告诉 AI 你要用什么框架
最后一个思考题:如果未来中文语料在大模型训练集中的权重提升,Vue 会重新出现在 AI 的默认选择里吗?
这里给大家精心整理了一份全面的AI大模型学习资源,包括:AI大模型全套学习路线图(从入门到实战)、精品AI大模型学习书籍手册、视频教程、实战学习、面试题等,资料免费分享!
👇👇扫码免费领取全部内容👇👇

1. 成长路线图&学习规划
要学习一门新的技术,作为新手一定要先学习成长路线图,方向不对,努力白费。
这里,我们为新手和想要进一步提升的专业人士准备了一份详细的学习成长路线图和规划。可以说是最科学最系统的学习成长路线。

2. 大模型经典PDF书籍
书籍和学习文档资料是学习大模型过程中必不可少的,我们精选了一系列深入探讨大模型技术的书籍和学习文档,它们由领域内的顶尖专家撰写,内容全面、深入、详尽,为你学习大模型提供坚实的理论基础。(书籍含电子版PDF)

3. 大模型视频教程
对于很多自学或者没有基础的同学来说,书籍这些纯文字类的学习教材会觉得比较晦涩难以理解,因此,我们提供了丰富的大模型视频教程,以动态、形象的方式展示技术概念,帮助你更快、更轻松地掌握核心知识。

4. 2026行业报告
行业分析主要包括对不同行业的现状、趋势、问题、机会等进行系统地调研和评估,以了解哪些行业更适合引入大模型的技术和应用,以及在哪些方面可以发挥大模型的优势。

5. 大模型项目实战
学以致用 ,当你的理论知识积累到一定程度,就需要通过项目实战,在实际操作中检验和巩固你所学到的知识,同时为你找工作和职业发展打下坚实的基础。

6. 大模型面试题
面试不仅是技术的较量,更需要充分的准备。
在你已经掌握了大模型技术之后,就需要开始准备面试,我们将提供精心整理的大模型面试题库,涵盖当前面试中可能遇到的各种技术问题,让你在面试中游刃有余。

7. 资料领取:全套内容免费抱走,学 AI 不用再找第二份
不管你是 0 基础想入门 AI 大模型,还是有基础想冲刺大厂、了解行业趋势,这份资料都能满足你!
现在只需按照提示操作,就能免费领取:
👇👇扫码免费领取全部内容👇👇

1万+



被折叠的 条评论
为什么被折叠?



