尤雨溪近期透露，Vue、Vite 和 Rolldown的文檔網(wǎng)站已經(jīng)集成了llms.txt文件，旨在讓大型語言模型（LLM）能夠更高效地解析和理解這些前端技術(shù)

圖片

Vue 生態(tài)接入 AI 的這次變革的確是一個重大新聞，也預(yù)示著前端開發(fā)進入了一個全新的時代。從我覺得有幾點尤其值得關(guān)注：

llms.txt文件的創(chuàng)新

文檔：https://llmstxt.org/

llms.txt是一種新的網(wǎng)站標準，建議在網(wǎng)站根目錄放置一個名為 llms.txt 的  Markdown 文件

圖片

llms.txt 無疑是 Vue 這次 AI 化的關(guān)鍵。它作為給 AI 語言模型的說明書，幫助AI理解文檔結(jié)構(gòu)，并能更精確地抓取核心API、最佳實踐和典型用例，這種標準化的做法，可以大大提高開發(fā)效率。相比過去復雜的文檔和手動搜索，AI能通過這種標準化的文件提供精準的答案，徹底改變我們查找信息的方式。

vitepress-plugin-llms插件的作用

文檔：https://github.com/okineadev/vitepress-plugin-llms

該插件可以自動生成 llms.txt文件

圖片

圖片

npm install vitepress-plugin-llms --save-dev

// .vitepress/config.ts
import { defineConfig } from 'vitepress'
import llmstxt from 'vitepress-plugin-llms'

export default defineConfig({
  vite: {
    plugins: [llmstxt()]
  }
})

這個插件的出現(xiàn)大大降低了智能化文檔生成的門檻，甚至讓 GitHub Pages、Vercel這些平臺也能“吃透” AI 說明書。這個插件不僅為項目提供文檔支持，也能幫助開發(fā)者在項目配置上減少困擾，讓AI代為提煉出項目的核心參數(shù)和配置，讓構(gòu)建和調(diào)試變得更為高效。

開發(fā)者的學習曲線與生態(tài)協(xié)同

Vue 的 AI化不僅會幫助提高開發(fā)者的效率，還將改變開發(fā)者學習新技術(shù)的方式。AI 可以為新手生成個性化的學習路徑，這種方式會讓入門更容易。同時，如果主流框架都能采納類似的AI文檔標準，跨框架、跨技術(shù)棧的協(xié)作將更加順暢，開發(fā)者能更加輕松地從一個框架轉(zhuǎn)向另一個框架。

行業(yè)信號與前端開發(fā)的未來

這背后的行業(yè)信號無疑是前端開發(fā)的一次巨變。就像你提到的，移動端開發(fā)從原生到跨平臺的演變，AI 化同樣會成為前端生產(chǎn)力的重大變革。AI不僅僅是代碼補全的工具，它將成為開發(fā)過程中的協(xié)作伙伴，甚至能夠理解項目架構(gòu)并提供優(yōu)化建議。

未來的三大預(yù)測

• 主流框架的AI化： 隨著Vue的成功，React和Angular等其他框架也可能會跟進，建立類似的AI文檔標準，從而加速前端開發(fā)的智能化進程。
• AI成為協(xié)作伙伴： AI不再只是一個工具，而會成為開發(fā)者的“平等伙伴”，能與開發(fā)者共同工作，提供實時的反饋與建議。
• 技能樹的變化： 開發(fā)者未來的技能樹將需要新增一項AI協(xié)作能力模塊。能理解和調(diào)教AI工具的開發(fā)者將會在市場上更具競爭力。