AI 正在改變前端開(kāi)發(fā):前端使用 AI 現(xiàn)狀!
“State of JS”、“State of CSS”、“State of React”等開(kāi)發(fā)者調(diào)查組織,近期推出了全新的 State of AI 調(diào)查,旨在全面了解 Web 開(kāi)發(fā)領(lǐng)域?qū)?AI 工具和技術(shù)的采用現(xiàn)狀與痛點(diǎn)。本文將圍繞調(diào)查中的五大主題,簡(jiǎn)要呈現(xiàn)核心發(fā)現(xiàn)。
AI 大模型
ChatGPT 以絕對(duì)優(yōu)勢(shì)領(lǐng)跑,使用率達(dá) 86%;緊隨其后的是 Anthropic 的 Claude。約三分之二的用戶對(duì)這兩款模型表示滿意。
圖片
? “幻覺(jué)”與“回答不準(zhǔn)確” 仍是用戶最為關(guān)切的問(wèn)題,影響了對(duì)大模型的信任度。
圖片
AI 編輯器
81% 的受訪者聽(tīng)說(shuō)過(guò) Cursor,33% 的人曾實(shí)際使用,是目前最受歡迎的 AI 編輯器。
圖片
在使用 AI 編輯器時(shí),前三大痛點(diǎn)分別是:上下文和記憶限制、侵入性或分散注意力的建議、貴。
圖片
AI 編程助手
? 集成趨勢(shì):GitHub Copilot 毫無(wú)懸念地穩(wěn)居榜首。VS Code 持續(xù)深度捆綁 Copilot,并不斷推出實(shí)用的 AI 開(kāi)發(fā)插件。
圖片
? 用戶痛點(diǎn):與 AI 編輯器類似,主要集中在幻覺(jué)與不準(zhǔn)問(wèn)題、上下文記憶限制以及建議的“侵入性” 上。
圖片
AI 代碼生成
? 頭部產(chǎn)品:Vercel 的 V0 系列依舊最受青睞,首發(fā)時(shí)曾引發(fā)行業(yè)轟動(dòng);
? 新興選手:StackBlitz 推出的 Bolt.new 也獲得不少關(guān)注——在瀏覽器內(nèi)即可通過(guò)提示一鍵完成從代碼編寫到部署的全流程。
圖片
? 最大痛點(diǎn):生成代碼的質(zhì)量參差不齊,經(jīng)常需要人工大量修正。
圖片
AI 用法
? 最常用場(chǎng)景:代碼生成位居首位,平均占比 28% 的開(kāi)發(fā)工作借助 AI 完成。
圖片
? 質(zhì)量與重構(gòu):AI 生成的代碼中,平均有 61% 需要進(jìn)行重構(gòu)。
圖片
? 重構(gòu)原因:可讀性差、變量命名不當(dāng)及冗余重復(fù)是主要誘因。
圖片
? 典型用途:開(kāi)發(fā)者多用 AI 來(lái)生成輔助函數(shù)、前端組件、文檔注釋和測(cè)試用例。
圖片
? 核心挑戰(zhàn):整體來(lái)看,代碼質(zhì)量不佳仍是制約 AI 編程工具進(jìn)一步普及的關(guān)鍵障礙。
圖片