在人工智能迅猛發展的今天,AI Coding 正逐步改變傳統編程范式。廣義上,AI Coding 是指以大語言模型(LLMs)為核心驅動,借助自然語言理解能力,自動生成、補全、調試與解釋代碼的智能編程方式。它不僅顯著降低了編程門檻,也重塑了開發流程。隨著Copilot、Cursor、Trae等工具走向成熟,國內AI Coding生態也在迅速崛起。越來越多的國產模型與平臺開始提供中文語義理解更強、本地適配更好、安全可控的AI編程工具鏈。
2025年7月22日,騰訊云正式啟動其新一代智能編程環境—— CodeBuddy IDE 的內測,引發業界廣泛關注。CodeBuddy旨在讓用戶通過自然對話,就能實現應用從產品構想、設計、開發部署的全流程。據報道,CodeBuddy IDE整合了如下頂尖AI模型,主打“對話即編程”,用戶“無需一行代碼”,僅需用自然語言對話就能實現應用從產品構想、設計、開發部署的全流程,讓非技術背景的從業者也能快速實現創意,大幅提升軟件開發效率,使得產品經理、設計師、非專業開發者也能參與到智能系統構建中。
- 國際版:Claude、GPT、Gemini等
- 國內版:騰訊混元、DeepSeek等
本篇將詳解騰訊 CodeBuddy IDE 的獲取方式、安裝步驟、模型配置與功能界面,并結合具體案例演示如何通過自然語言指令構建前端頁面、生成后端邏輯代碼,開啟你的 AI 編程新旅程。歡迎持續關注后續系列內容,探索更多 AI Coding 實戰與模型對比分析。
文章目錄
- 一.CodeBuddy IDE
- 二.下載及安裝
- 三.激活登錄
- 四.小試牛刀——2048小游戲代碼生成
- 五.總結
前文賞析:
- [AI Coding] 一.騰訊CodeBuddy IDE內測、安裝及基本用法(國產AI IDE啟航)
一.CodeBuddy IDE
CodeBuddy IDE 是一款由國內騰訊團隊開發、專注于“設計驅動開發”的一體化產品工作臺,旨在實現設計與開發的無縫協同,并通過AI賦能提升代碼效率與交互體驗。其口號“Where Design Meets Dev in Real-Time”直觀展示了其核心理念:打破設計與開發的壁壘,實現設計原型到可部署代碼的閉環轉化。
官方網址如下:
- https://www.codebuddy.ai/
根據其官網展示,CodeBuddy IDE 提供了一整套 AI 賦能的開發能力,包括:
-
AI 代碼補全(AI Code Completion):通過先進的大模型實現“所思即所得”的代碼生成與自動補全,提升編碼效率;
-
AI 設計生成(AI Design Generation):支持從草圖到界面的實時生成,將手繪概念快速轉化為高保真的交互原型;
-
設計轉代碼(Design-to-Code):能夠將 Figma 設計稿轉化為生產級代碼,準確率高達 99.9%;
-
AI 全棧開發(AI Full-Stack Development):支持多文件項目生成、代碼重構,是全流程的 AI 編程助手;
-
內置 BaaS(Built-in BaaS Integration):內嵌 Supabase 后端服務,開箱即用,簡化后端配置;
-
一鍵部署(One-Click Deployment):從開發到線上演示一鍵發布,支持秒級部署體驗。
整體來看,CodeBuddy IDE 不僅具備代碼層面的 AI 智能補全功能,更提供了產品設計、界面構建、后端集成、部署運維等一站式支持。對于前端開發者、設計師、創意產品經理而言,它提供了一個極具生產力的創作環境,推動“零門檻開發”與“實時協同”的新范式落地。
二.下載及安裝
目前 CodeBuddy IDE 處于內測公開階段,且支持 Windows 系統。用戶可在官網底部點擊按鈕“Download the IDE”進行下載。
下載后的exe文件如下圖所示,文件名為CodeBuddy-win32-x64-user-0.1.10.xxx.exe。
第一步,啟動安裝程序。 雙擊運行安裝包,進入安裝流程,需要先閱讀并勾選服務條款與隱私協議。
第二步,選擇安裝路徑。 可根據個人喜好將 CodeBuddy 安裝在 D:\CodeBuddy 或其他目錄下。
安裝選擇如下:
第三步,設置開始菜單文件夾。 默認會在“開始菜單”中創建名為“CodeBuddy”的快捷方式文件夾,也可以自定義。選擇附加任務
推薦勾選以下選項:
- 創建桌面快捷方式
- 將 CodeBuddy 注冊為默認代碼編輯器
- 添加 buddy 命令至 PATH(方便命令行調用)
第四步,點擊安裝。 確認上述配置后點擊“安裝”按鈕,開始正式安裝程序。
等待程序完成文件解壓與部署操作,完成安裝。
三.激活登錄
接著我們嘗試運行CodeBuddy IDE并內測激活。
第一步,運行程序。 雙擊桌面快捷方式,啟動 CodeBuddy IDE 后,將進入歡迎界面,界面風格現代簡約。
第二步,IDE界面主題選擇。
第三步,Importing配置。 如果本地有VSCode個性化設置,則選擇“Import from VS Code”導入設置;如果有 Cursor,則選擇“Import from Cursor”,否則直接點擊“Skip”跳過。
第四步,Log in登錄賬號。 建議使用Google賬號登錄,如果沒有需要先注冊。
輸入谷歌郵箱地址和密碼實現登錄,建議后續能通過微信、其它郵箱和手機登錄。跳轉至如下網頁登錄賬號信息。
- https://www.codebuddy.ai/genie/login?platform=vscode&state=xxxx
成功登錄CodeBuddy IDE如下圖所示:
第五步,輸入邀請碼開啟內測。 讀者可以嘗試官網和公眾號看看如何申請邀請碼,點擊“Next”。
完成激活后,IDE 主界面將完全解鎖,主界面如圖所示,類似于開發工具VS Code等。右側為對話輸入區,用戶可直接與 AI 助手(如 Claude、CodeBuddy Agent)交互,進行代碼生成等操作;左側為管理欄。核心功能:
- Craft
- Chat
CodeBuddy 提供六大核心能力,極大提升 AI 編程效率:
功能名稱 | 簡要說明 |
---|---|
AI Code Completion | 實時智能補全,代碼如思緒般流暢 |
AI Design Generation | 草圖轉化為高保真 UI 原型 |
Design-to-Code Conversion | 一鍵將 Figma 設計轉為前端代碼,準確率達99.9% |
AI Full-Stack Development | 多文件全棧項目自動生成與重構 |
Built-in-BaaS Integration | 內置 Supabase 支持,無需配置即用后端 |
One-Click Deployment | 一鍵部署,快速上線演示版本 |
四.小試牛刀——2048小游戲代碼生成
本節將以CodeBuddy的典型案例2048游戲為代表,介紹 CodeBuddy IDE 的初始界面與基本使用方法,包括文件導航、AI 助手、設計-開發協同操作等。
第一步,啟動 CodeBuddy IDE。 打開 IDE 后,會加載 CodeBuddy 的首頁界面,如圖所示:
- 左側提供 AI 智能助手入口,可以與代碼生成智能體進行對話
- 右側是編輯窗口及工作面板,支持代碼、圖形、組件的多視圖集成
- 頁面底部展示命令行交互和運行日志,便于調試與部署
第二步,新建文件夾。 在本地路徑創建我們的第一個實例代碼。
此時界面如下圖所示,右下角彈出的部分提示可以安裝和激活,類似于VS Code。
第三步,輸入提示詞。 在右下角的消息框中輸入提示詞,開啟AI Coding。比如:
請設計并實現一個2048小游戲,以HTML網頁代碼實現。
第四步,按要求生成2048游戲的HTML代碼。 此時界面如下圖所示,CodeBuddy通過思考生成對應的代碼內容。核心包括3個網頁文件。
- index.html
- style.css
- script.js
源代碼支持查看和修改,通過不斷迭代更好地生成內容。
需要注意,CodeBuddy給出了該網站運行的代碼,即:
- npx http-server -o
第五步,在IDE中運行HTML代碼。 在底部Terminal中輸入“npx http-server -o”,CodeBuddy IDE生成的網站開始運行。
運行結果如下圖所示,通過本地瀏覽器訪問網址即可查看生成的代碼。
最終,2048游戲被成功實現,該案例也是CodeBuddy給出的典型案例。
此外,本地firstCode工程中包括了生成的HTML源代碼。讀者可以結合自己需求開展各種案例的AI Coding。
五.總結
本文主要講解了騰訊 CodeBuddy IDE 的下載安裝流程、激活方式及基本使用方法,并通過生成2048小游戲的實戰案例,展示了其“對話即編程”的強大能力。作為國產AI IDE的新代表,CodeBuddy為開發者和非開發者群體提供了一種全新的智能開發路徑,正推動“人人皆可編程”時代的加速到來。
與此同時,Eastmount已正式開啟《AI Coding》專欄,將持續發布關于大模型輔助編程、國產AI IDE工具評測、AI自動化開發實戰等系列內容,歡迎關注專欄,一起探索智能開發的前沿趨勢,不斷學習與精進。基礎性文章,希望對您有所幫助,寫得不好的地方還請海涵!
2024年4月28日是Eastmount的安全星球——『網絡攻防和AI安全之家』正式創建和運營的日子,該星球目前主營業務為 安全零基礎答疑、安全技術分享、AI安全技術分享、AI安全論文交流、威脅情報每日推送、網絡攻防技術總結、系統安全技術實戰、面試求職、安全考研考博、簡歷修改及潤色、學術交流及答疑、人脈觸達、認知提升等。下面是星球的新人券,歡迎新老博友和朋友加入,一起分享更多安全知識,比較良心的星球,非常適合初學者和換安全專業的讀者學習。
目前收到了很多博友、朋友和老師的支持和點贊,尤其是一些看了我文章多年的老粉,購買來感謝,真的很感動,類目。未來,我將分享更多高質量文章,更多安全干貨,真心幫助到大家。雖然起步晚,但貴在堅持,像十多年如一日的博客分享那樣,腳踏實地,只爭朝夕。繼續加油,再次感謝!
(By:Eastmount 2025-07-28 周一夜于貴陽 http://blog.csdn.net/eastmount/ )
參考資料:
- [1] 對話CodeBuddy黃廣民:AI coding不能“開盲盒”,一款騰訊味兒十足的產品是如何誕生的
- [2] 騰訊云內測CodeBuddy IDE,不用寫代碼也能開發產品
- [3] CodeBuddy IDE 首發!首批限時內測開啟,速來嘗鮮!
- [4] CodeBuddy IDE - ai-bot.cn