早在去年 1 月，Vibe Coding 概念被正式提出之前，Vue.js 官方在 GitHub 社區(qū)發(fā)起了一次不同尋常的討論。帖子標(biāo)題是“Official Vue.js AI Rules File for AI assisted code generation”，內(nèi)容直指一個(gè)讓 Vue 開發(fā)者頭疼已久的問題：AI 代碼生成工具總是默認(rèn)輸出 React 代碼，Vue 開發(fā)者似乎正在被 AI 拋棄。

帖子里寫道，AI 模型在訓(xùn)練過程中往往優(yōu)先考慮 React，迫使 Vue 開發(fā)者反復(fù)在提示詞中聲明自己的框架偏好，編寫自定義提示規(guī)則，一頓操作下來好不容易生成的還是過時(shí)的 Vue 2 代碼。

這不是個(gè)別開發(fā)者的抱怨。當(dāng) GitHub Copilot 已經(jīng)突破 2000 萬用戶，當(dāng) Stack Overflow 的 2025 年開發(fā)者調(diào)查顯示 84% 的開發(fā)者已經(jīng)在工作中使用 AI 編程工具，一個(gè)過去不曾存在的問題出現(xiàn)了：AI 的訓(xùn)練數(shù)據(jù)偏差，正在前所未有地影響前端技術(shù)選型。

訓(xùn)練數(shù)據(jù)里的數(shù)字鴻溝

要理解為什么 AI 偏愛 React，先看一組數(shù)字。

根據(jù) PkgPulse 在 2026 年 2 月的統(tǒng)計(jì)，React 的 npm 周下載量約為 9600 萬，Vue 約為 900 萬，差距接近 10 倍。在 npm 生態(tài)系統(tǒng)中，React 相關(guān)的包占據(jù)了約 61% 的份額，Vue 約 10%，Angular約 28%。W3Techs 在 2026 年 4 月的統(tǒng)計(jì)顯示，React 在全球網(wǎng)站中的使用比例約為 7.9%，Vue 為 0.9%。

GitHub 上有超過 2800 萬個(gè)公開代碼倉庫，這些倉庫是 Copilot 等 AI 編程工具最主要的訓(xùn)練數(shù)據(jù)來源。React 倉庫的數(shù)量、代碼量、Stack Overflow 上的問答量，都對(duì) Vue 形成了壓倒性優(yōu)勢(shì)。

但這并不意味著 React 在所有維度上都贏了。

State of Vue.js 2025 報(bào)告顯示，Vue 3 的采用率已達(dá) 82%，開發(fā)者保留率約 87%；GitHub 上 Vue.js（2+3） 的 Star 數(shù)超過了 React；State of JavaScript 2025 調(diào)查中，React 雖然使用率排名第一，但同時(shí)也是開發(fā)者吐槽最多的框架，有 601 票對(duì) React 表達(dá)了不滿。相反，Vue 的開發(fā)者滿意度和回歸意愿一直維持在高位，尤其是在國內(nèi)以及亞太地區(qū)，得益于社區(qū)完善的中文生態(tài)運(yùn)營，Vue 收獲了極高的人氣。

問題在于，這些真實(shí)世界里的開發(fā)者偏好，并沒有同比例地反映到 AI 模型的訓(xùn)練數(shù)據(jù)中。AI 代碼生成工具不是在做“技術(shù)判斷”，它只是在做語料統(tǒng)計(jì) —— 誰的代碼多，就輸出誰的代碼。

偏見的具體表現(xiàn)

AI 對(duì) React 的偏好并不是單一的，這種偏好在不同的 AI 編程工具和場(chǎng)景中表現(xiàn)出不同的形態(tài)。

GitHub Copilot 的情況最為典型。Copilot 的訓(xùn)練集直接來自 GitHub 公開倉庫，由于 React 倉庫在數(shù)量上占據(jù)絕對(duì)優(yōu)勢(shì)，Copilot 的代碼補(bǔ)全建議天然偏向 React 語法。這在已有 React 代碼的上下文中不是問題，但在 Vue 項(xiàng)目中偶爾會(huì)“串線”，插入不符合 Vue 語法的 React 代碼片段。

v0.app（原 v0.dev）則是另一種情況。這個(gè)由 Vercel 推出的 AI UI 生成工具，底層綁定了 shadcn/ui 和 Tailwind CSS 的 React 生態(tài)，因此只輸出 React 代碼。這不是訓(xùn)練數(shù)據(jù)的偏差，而是產(chǎn)品層面的設(shè)計(jì)選擇 —— Vercel 的核心業(yè)務(wù)圍繞 Next.js 展開，選擇 React 是商業(yè)邏輯。

Claude Code 和 Cursor 的行為則更為微妙。這些工具在有明確項(xiàng)目上下文時(shí)能夠準(zhǔn)確識(shí)別框架：如果項(xiàng)目里存在package.json、vue.config.js、.vue文件，它們會(huì)正確輸出 Vue 代碼。偏見主要發(fā)生在從零開始創(chuàng)建項(xiàng)目、缺乏上下文的場(chǎng)景中 —— 模型更容易默認(rèn)輸出 React，因?yàn)樗谟?xùn)練中見過的 React 代碼遠(yuǎn)多于 Vue。

Vue 官方在 2025 年 1 月發(fā)起的社區(qū)討論，本質(zhì)上就是在尋找系統(tǒng)性解決方案。官方推出了一套標(biāo)準(zhǔn)化的 AI 規(guī)則文件，供 Vue 開發(fā)者在 Cursor、Copilot 等工具中使用，以對(duì)抗訓(xùn)練數(shù)據(jù)帶來的默認(rèn)偏好。Vue School 也在同年 6 月發(fā)布了專門面向 Vue.js 和 Nuxt.js 開發(fā)者的 AI 編程指南，幫助社區(qū)適應(yīng) AI 時(shí)代的開發(fā)流程。

不只是 React 和 Vue 的事

如果你以為這只是前端框架之間的爭(zhēng)奪，范圍就太小了。AI 編程工具對(duì)技術(shù)選型的“暗箱干預(yù)”，幾乎滲透到了每個(gè)開發(fā)領(lǐng)域。

AI 工具在生成代碼時(shí)幾乎默認(rèn)附加 TypeScript 類型注解，即使你要求用純 JavaScript。這在實(shí)踐中導(dǎo)致了一個(gè)有趣的現(xiàn)象：很多本不需要類型系統(tǒng)的項(xiàng)目被 AI 靜默升級(jí)了 TS。The New Stack 在 2025 年 12月 發(fā)布的一篇分析文章指出，AI 代碼工具正在“收斂到兩個(gè)默認(rèn)輸出” —— 當(dāng)項(xiàng)目有構(gòu)建管線時(shí)輸出 React + TypeScript，沒有時(shí)輸出純 HTML。這篇文章將此稱為“2025 年 Web 開發(fā)最大的悖論”：AI 工具聲稱讓開發(fā)者更自由，卻在系統(tǒng)性地縮小技術(shù)選擇的范圍。

在數(shù)據(jù)庫領(lǐng)域，不少開發(fā)者反映 AI 生成數(shù)據(jù)庫方案時(shí)明顯偏好 PostgreSQL，這背后的邏輯同樣是訓(xùn)練數(shù)據(jù)分布 —— 開源社區(qū)中高質(zhì)量的 PostgreSQL SQL 示例和教程密度遠(yuǎn)高于 MySQL。但 MySQL 在傳統(tǒng)企業(yè)應(yīng)用中仍有大量使用，AI 的偏好并不反映真實(shí)市場(chǎng)的技術(shù)分布。

TypeScript ORM 領(lǐng)域，Prisma 在過去幾年中積累了大量的 GitHub 教程、博客文章和示例項(xiàng)目。AI 生成后端代碼時(shí)，Prisma 的出現(xiàn)頻率遠(yuǎn)高于 TypeORM、Drizzle 或 Sequelize。但 2024 年以來 Drizzle 憑借更輕量的設(shè)計(jì)和 SQL-first 理念迅速崛起，在技術(shù)討論中已經(jīng)能夠與 Prisma 分庭抗禮，AI 的輸出卻還停留在 Prisma 主導(dǎo)的時(shí)代。

這些案例的共同規(guī)律很清晰：GitHub 倉庫數(shù)量和 npm 下載量最高的選項(xiàng)，就是 AI 的默認(rèn)答案。這不是技術(shù)評(píng)估，也不是最佳實(shí)踐判斷，而是純粹的統(tǒng)計(jì)結(jié)果。

Vue 的反擊和 AI 時(shí)代的選型邏輯

Vue 社區(qū)并沒有坐以待斃。

2025 年，Vue 3.5 發(fā)布，帶來了對(duì) Vapor Mode 的正式支持。Vapor Mode 通過編譯優(yōu)化繞過虛擬 DOM，官方基準(zhǔn)測(cè)試顯示性能提升在 40% 到 60% 之間。Nuxt 3 的生態(tài)系統(tǒng)持續(xù)成熟，Vue 在服務(wù)端渲染和全棧框架領(lǐng)域有了自己的答案。

但 Vue 面對(duì)的挑戰(zhàn)不止于技術(shù)。State of Vue 2025 報(bào)告中，22% 的開發(fā)者提到了“生態(tài)缺口”這個(gè)痛點(diǎn) —— 缺少 MUI、Radix UI 這種級(jí)別的官方組件庫，讓 Vue 在 AI 訓(xùn)練數(shù)據(jù)中的代碼模板密度先天不足。當(dāng) AI 在生成一個(gè)數(shù)據(jù)表格或一個(gè)表單組件時(shí)，React 生態(tài)中有大量現(xiàn)成的代碼模式可供參考，Vue 的選擇面則窄得多。

這形成了一個(gè)難以打破的循環(huán)：訓(xùn)練數(shù)據(jù)中 React 代碼多，AI 生成 React 代碼多，開發(fā)者使用 React 的項(xiàng)目多，新產(chǎn)生的 React 代碼繼續(xù)進(jìn)入訓(xùn)練數(shù)據(jù)。Vue 開發(fā)者再忠誠，也難以逆轉(zhuǎn)這個(gè)循環(huán)。

Vue 官方對(duì)此的應(yīng)對(duì)策略是雙線的：技術(shù)層面推進(jìn) Vapor Mode 和 Nuxt 生態(tài)建設(shè)，工具層面推出官方 AI 規(guī)則文件。但這只解決了“已有 Vue 項(xiàng)目如何讓 AI 不搗亂”的問題，沒有解決“新項(xiàng)目從零開始時(shí) AI 推薦 React ”的根本性問題。

國內(nèi)前端社區(qū)在 2026 年 3 月出現(xiàn)了一篇討論文章，提出了“AI-First 框架”的概念：在 AI 編程時(shí)代，一個(gè)框架能否被 AI 正確理解和生成，可能比它的語法優(yōu)雅程度更重要。高度聲明式、強(qiáng)類型約束、可預(yù)測(cè)的代碼結(jié)構(gòu) —— 這些特征讓框架更“AI 友好”，也讓 AI 生成的代碼更可靠。按這個(gè)標(biāo)準(zhǔn)來衡量，React 的確在當(dāng)前階段占優(yōu)，但優(yōu)勢(shì)的來源不是設(shè)計(jì)哲學(xué)，而是代碼量的堆砌。

Vercel 在 2025 年發(fā)布的 AI SDK 3.0 中還提出了“Generative UI”的概念 —— 由 AI 動(dòng)態(tài)生成和修改用戶界面，而不依賴預(yù)設(shè)的組件庫。如果這個(gè)方向成立，前端框架之間的競(jìng)爭(zhēng)可能被降維：不管你用 React 還是 Vue，AI 直接生成的是原生 Web 組件或者一種全新的抽象層。傳統(tǒng)框架之間的差異，在 AI 面前可能變得不那么重要。

開發(fā)者應(yīng)該在意這件事嗎

對(duì)于已經(jīng)在 Vue 生態(tài)中深耕的開發(fā)者來說，AI 偏見的影響是具體的、可感知的：你需要花更多時(shí)間糾正 AI 的錯(cuò)誤輸出，AI 生成 Vue 代碼的質(zhì)量低于 React，新人入職時(shí) AI 工具的默認(rèn)建議可能把你推向 React。

但從更大的視角來看，這個(gè)問題指向的是 AI 編程時(shí)代一個(gè)尚未被充分討論的議題：當(dāng)超過 84% 的開發(fā)者依賴 AI 輔助編程，訓(xùn)練數(shù)據(jù)的分布偏差就在系統(tǒng)性地塑造下一輪技術(shù)選型。不是因?yàn)槟硞€(gè)技術(shù)更優(yōu)秀，而是因?yàn)樗臍v史代碼量更大。

2026 年 4 月，這個(gè)問題還沒有好的解決方案。Claude Code 和 Cursor 在有上下文時(shí)能正確識(shí)別框架偏好，但對(duì)大量使用 Copilot 代碼補(bǔ)全、或者從零開始新項(xiàng)目的開發(fā)者來說，偏見依然存在。Vue 官方的 AI 規(guī)則文件是一個(gè)務(wù)實(shí)的補(bǔ)救，但讓每個(gè)框架的維護(hù)者都去維護(hù)一份“AI 生成規(guī)則”，這件事本身就說明了問題的嚴(yán)重性。

1. Vue.js 官方 AI 規(guī)則文件討論: https://github.com/orgs/vuejs/discussions/12780
2. State of Vue.js 2025 報(bào)告: https://stateofvue.framer.website/
3. React vs Vue npm 數(shù)據(jù)對(duì)比（PkgPulse 2026.2）: https://www.pkgpulse.com/blog/react-vs-vue-2026
4. CodeStz：“Why AI Defaults to TypeScript”（2026.3）: https://codestz.dev/experiments/why-ai-defaults-to-typescript
5. Vue School AI 編程指南: https://vueschool.io/articles/vuejs-tutorials/how-vue-js-developers-can-use-ai-coding-agents-to-build-faster/

4 月 24 日，OSC 源創(chuàng)會(huì) × FAIR plus2026
【具身智能工程化實(shí)戰(zhàn)沙龍】

深圳福田會(huì)展中心 9 號(hào)館 4 號(hào)會(huì)議室
聚焦具身智能從技術(shù)研發(fā)到工程落地的核心痛點(diǎn)
現(xiàn)場(chǎng)還能體驗(yàn)?zāi)ＡΨ街邸翱诖埼r”PocketClaw

?一線項(xiàng)目復(fù)盤
失敗案例拆解
AI 硬件資源對(duì)接

免費(fèi)報(bào)名 oschina.net/event/8598188