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

2025年的 AI Coding領域，可謂是相當熱鬧，資本、巨頭和創(chuàng)業(yè)者都在這一領域混戰(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年開始，那時候是一個插件形式。但騰訊內(nèi)部沒有滿足，畢竟騰訊擁有超級豐富的云平臺資源，支撐國內(nèi)外很多產(chǎn)品部署上線；另一方面，還有最廣闊的應用開發(fā)市場—微信小程序，接近千萬的微信小程序數(shù)量，整體用戶已達到9.49億。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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