實(shí)測騰訊首個(gè)?AI?IDE?產(chǎn)品，小白也能『批量開發(fā)』微信小程序

2025年的 AI Coding領(lǐng)域，可謂是相當(dāng)熱鬧，資本、巨頭和創(chuàng)業(yè)者都在這一領(lǐng)域混戰(zhàn)。

最有趣的資本故事，是OpenAI剛宣布以30億美元收購Windsurf后，其CEO就帶著核心人員加盟谷歌，空殼的Windsurf最后又被Davin的開發(fā)商收購。還有Cursor的開發(fā)公司Anysphere近日以99億美元估值完成了9億美元融資，不少巨頭也在嘗試收購Cursor。

大模型公司也直接下場做產(chǎn)品，這不Anthropic和Google也分別推出了 Claude Code 和Gemini CLI，直接搶Cursor生意。

國內(nèi)AI Coding產(chǎn)品也不少，BAT等大廠都有自己的同類產(chǎn)品，比如阿里的通義靈碼，百度的秒噠，以及字節(jié)的Trae。創(chuàng)業(yè)公司也有不少翹楚，也獲得了不少融資。

騰訊自然也不能缺席，甚至是從2018年就開始醞釀這一塊。

而以CodeBuddy這一名字正式出道，最早是2024年開始，那時(shí)候是一個(gè)插件形式。但騰訊內(nèi)部沒有滿足，畢竟騰訊擁有超級(jí)豐富的云平臺(tái)資源，支撐國內(nèi)外很多產(chǎn)品部署上線；另一方面，還有最廣闊的應(yīng)用開發(fā)市場—微信小程序，接近千萬的微信小程序數(shù)量，整體用戶已達(dá)到9.49億。

如何用AI編程滿足更多的普通人和開發(fā)者，高效開發(fā)的訴求？

于是在7 月 22 日，騰訊將正式揭幕號(hào)稱國內(nèi)首款“產(chǎn)—設(shè)—研”全鏈路 AI IDE——CodeBuddy。

CodeBuddy 的交互界面沿襲 VS Code 的極簡風(fēng)格，最強(qiáng)大的幾點(diǎn)是內(nèi)在能力：

• 支持 Claude/GPT/混元/DeepSeek 等國內(nèi)外主流模型，內(nèi)測期間可申請(qǐng)Claude 4.0免費(fèi)用；

• 一句話的想法，即可通過Agent豐富成專業(yè)提示詞；

• 深度集成 Figma 設(shè)計(jì)工具，創(chuàng)意能一鍵生成高保真頁面；

• 支持Supabase，還有云開發(fā)CloudBase和CloudStudio等騰訊的后端服務(wù)，這意味著注冊(cè)登錄、認(rèn)證、數(shù)據(jù)庫和存儲(chǔ)等環(huán)節(jié)都解決了。

其他幾點(diǎn)我們通過案例詳細(xì)講述，就說這最后一點(diǎn)，此前鯨哥用其他AI Coding開發(fā)的產(chǎn)品，不會(huì)部署上線，還找了后端的朋友幫解決，現(xiàn)在是小白真的能用AI做應(yīng)用了。

Case1：從截圖到網(wǎng)站：一圖一句，秒級(jí)成碼

首先測試的是他的頁面制作，我甩出CodeBuddy的官網(wǎng)截圖，再附一句話，要求他幫我設(shè)計(jì)這個(gè)網(wǎng)站。

提示詞：參考這個(gè)圖片，幫我的『大美麗AI公司』生成一個(gè)類似的官方網(wǎng)站

因?yàn)镃odeBuddy內(nèi)置Figma，只發(fā)了這一張圖和一句話，設(shè)計(jì)稿就可以一鍵轉(zhuǎn)成需求文檔，緊接著代碼像瀑布一樣傾瀉而下，速度老快了，唰唰的就把代碼給寫出來了。

有了這個(gè)功能，別說程序員了，就連編程小白都能試著動(dòng)手做網(wǎng)頁了，前端老手也能省下大把 Ctrl+C / Ctrl+V 的時(shí)間QAQ。

鯨哥又隨手畫了一張新聞網(wǎng)的網(wǎng)站草圖，測試一下CodeBuddy能否識(shí)別。

提示詞：基于提供的草圖樣式，開發(fā)一個(gè)響應(yīng)式新聞網(wǎng)站。

短短時(shí)間內(nèi)，CodeBuddy 便交付了藍(lán)白主色調(diào)的完整網(wǎng)頁 —— 從頁頭導(dǎo)航到熱門排行榜，從正文內(nèi)容到用戶評(píng)論區(qū)，草圖中的布局細(xì)節(jié)被精準(zhǔn)還原。

更令人驚喜的是，它不僅能將草圖轉(zhuǎn)化為可交互網(wǎng)頁，還支持自然語言實(shí)時(shí)修改，讓設(shè)計(jì)創(chuàng)意隨想隨改。

Case 2：15 分鐘打造 "大魚吃小魚" 經(jīng)典游戲

當(dāng)我想玩小時(shí)候經(jīng)常玩的4399小游戲時(shí)，我只需要跟CodeBuddy說，幫我生成一個(gè)大魚吃小魚的游戲，開始時(shí)還擔(dān)心描述不夠詳盡，CodeBuddy不能準(zhǔn)確的理解鯨哥的意思。

這時(shí)，CodeBuddy內(nèi)置的提示詞優(yōu)化功能立刻發(fā)揮作用，使用提示詞優(yōu)化功能后，自動(dòng)補(bǔ)全游戲邏輯與交互細(xì)節(jié)，對(duì)于不善表達(dá)的鯨哥，愛了愛了！

點(diǎn)擊發(fā)送后，CodeBuddy 在默認(rèn)路徑下自動(dòng)創(chuàng)建文件夾、生成代碼，全程無需人工干預(yù)。

短短 15 分鐘，一款畫面精美、布局合理的大魚吃小魚的游戲便宣告完成。

當(dāng)游戲的搭建都完成后，會(huì)自動(dòng)跳轉(zhuǎn)至游戲頁面，從整體的設(shè)計(jì)上來看，頁面是做的非常的精美，流暢的交互效果讓人眼前一亮，鯨哥也是體驗(yàn)了一下游戲，游戲的難度不大，半分鐘鯨哥就體驗(yàn)到“吃遍天下無敵手”了。

Case 3：物理動(dòng)畫挑戰(zhàn)：小黃鴨騎車

AI 在物理力學(xué)模擬上的短板早已是行業(yè)共識(shí)。鯨哥決定用 "生成小黃鴨騎自行車頁面，包含摔倒失衡后恢復(fù)平衡的過程" 這一需求考驗(yàn) CodeBuddy。

生成后的頁面布局都很不錯(cuò)，但是出現(xiàn)小黃鴨的腿長在身體上的小瑕疵，甚至倒地時(shí)一度 "飛離畫面"，但整體物理平衡的還原度已然展現(xiàn)，體現(xiàn)了一定的場景理解能力。

Case 4：一句話搞定前后端全鏈路搭建

全棧工程師的成長之路向來充滿挑戰(zhàn)，既要精通前端 HTML、CSS，又要掌握后端 Java、Python，甚至嵌入式 C++。

但在 CodeBuddy 面前，這一切變得簡單起來 —— 只需下達(dá)指令：

做一個(gè)前后端交互的社區(qū)管理系統(tǒng)，分管理端和客戶端，提供詳細(xì)的API文檔和數(shù)據(jù)庫ER圖。

CodeBuddy 自動(dòng)生成數(shù)十個(gè)文件、數(shù)萬行代碼，并且由于內(nèi)置的騰訊云開發(fā)與 Supabase 后端服務(wù)，從前端頁面到后端邏輯，從 API 文檔到數(shù)據(jù)庫 ER 圖可一鍵配齊。

部署成功的網(wǎng)站：http://d6ebefcd6b824f9f937dd93bf4cf3cbb.ap-singapore.cloudstudio.run

終端中飛速滾動(dòng)的部署日志顯示 "added 152 packages in 5s"，全程無需手動(dòng)配置，正在實(shí)現(xiàn) "一句話指令，全鏈路交付"。

綜上的案例鯨哥可以說，CodeBuddy更像是一個(gè)開發(fā)團(tuán)隊(duì)，而非只會(huì) code 的程序員。

據(jù)現(xiàn)場騰訊朋友說，騰訊內(nèi)部超43%的代碼由AI生成，編碼時(shí)長縮短40% 。AI 編程看來是大廠內(nèi)部都在運(yùn)行的趨勢(shì)。

微信小程序開發(fā)也更容易了，騰訊也現(xiàn)場回復(fù)鯨哥，已經(jīng)和微信的IDE團(tuán)隊(duì)打通，開發(fā)過程中會(huì)通過Agent 對(duì)代碼程序進(jìn)行反思和修復(fù)。

現(xiàn)在，騰訊要用CodeBuddy編程普惠小白以及資深開發(fā)者，計(jì)劃打造的『開口』生成小程序的場景，令人期待。