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

圖片

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

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

文檔：https://llmstxt.org/

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

圖片

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

vitepress-plugin-llms插件的作用

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

該插件可以自動(dòng)生成 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()]
  }
})

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

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

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

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

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

未來的三大預(yù)測

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