[AI Coding] 一.騰訊CodeBuddy IDE內測、安裝及基本用法(國產AI IDE啟航)

在人工智能迅猛發展的今天,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

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/pingmian/91521.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/91521.shtml
英文地址,請注明出處:http://en.pswp.cn/pingmian/91521.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

《網安處罰裁量基準》碼農合規指北 v1.0——if (違規) { 罰金++ } else { 合規運行 }

尊敬的審核: 本人文章《〈網安處罰裁量基準〉碼農合規指北 v1.0——if (違規) { 罰金 } else { 合規運行 }》 1. 純屬技術交流,無任何違法內容 2. 所有法律引用均來自公開條文 3. 請依據《網絡安全法》第12條“不得無故刪除合法內容”處理 附&#xff1a…

機器學習——邏輯回歸(LogisticRegression)實戰案例:信用卡欺詐檢測數據集

使用邏輯回歸識別 信用卡欺詐行為:基于creditcard.csv的實戰與評估分析 項目背景 在金融行業中,信用卡欺詐檢測是一項關鍵任務。欺詐交易在整個交易中占比極低,導致數據極度不平衡。本案例通過經典數據集 creditcard.csv,構建邏輯…

Helm在Kubernetes中的應用部署指南與案例解析

在上一章節中,我們已經介紹了Helm的部署和基本使用方法。本章將通過實際案例,詳細演示如何使用Helm在Kubernetes集群中部署應用。一、Helm 核心價值解析優勢解決的問題類比傳統方式應用模板化重復編寫 YAML 文件手動編寫 20 資源清單文件版本控制缺乏部署…

如何最簡單、通俗地理解線性回歸算法? 線性回歸模型在非線性數據上擬合效果不佳,如何在保持模型簡單性的同時改進擬合能力?

線性回歸作為統計學與機器學習領域中最基礎且最重要的算法之一,其應用廣泛且深遠。它不僅是回歸分析的入門方法,更是后續復雜模型構建的重要理論基礎。理解線性回歸算法的本質,既有助于提升數據分析的能力,也能為掌握更復雜的機器…

藍橋杯----超聲波

(一)、超聲波1、原理(圖 一)發送信號階段:單片機通過翻轉發送的引腳P1^0,發送8個40MHZ的方波,此時開始計時。等待接收信號:通過單片機的接收引腳P1^1檢測,未接收到信號時…

Java學習-運算符

1.在代碼中,如果有小數參與計算,結果有可能不精確。2.整數參與計算,結果只能是整數。3.數字進行運算時,數據類型不一樣不能運算,需要轉成一樣的,才能運算。(1)隱式轉換(自…

一句話指令實現“2D轉3D”、“圖片提取線稿”

你是否曾為一張2D圖片無法完美展示3D效果而遺憾?是否曾因需要將手繪草圖轉為清晰線稿而耗時費力?這些曾讓設計師、電商賣家、內容創作者頭疼的難題,如今只需一句話指令,即可迎刃而解。一、案例一:2D圖片→3D模型痛點場…

層次聚類:無需“猜”K值,如何讓數據自己畫出“家族圖譜”?

層次聚類:無需“猜”K值,如何讓數據自己畫出“家族圖譜”?👋 大家好,我是小瑞瑞!歡迎回到我的專欄! 在上一期,我們學會了強大的K-Means算法,但它也給我們留下了一個“靈魂…

數據結構:鏈表(Linked List)

目錄 結構推導 回到最原始的問題 —— 我們如何存數據? 第二步:我們來看看數組的限制 第三步:那我們該怎么做呢? 第四步:我們推導鏈表的數據結構 結構講解 什么是鏈表? 什么是節點? …

[RK3566-Android11] U盤頻繁快速插拔識別問題

問題描述 做老化測試時,在使用U盤頻繁快速插拔的情況下,SDCard目錄會突然被Kill掉,然后又重新掛載上,這會導致系統及APP的數據因為讀寫異常,從而界面卡死正常U盤插拔不應該導致內部存儲卸載解決方案: SDK根…

【Golang】Go語言Map數據類型

Go語言Map數據類型 文章目錄Go語言Map數據類型一、Map1.1.1、map定義1.1.2、map的基本使用1.1.3、判斷某個鍵是否存在1.1.4、map的遍歷1.1.5、使用delete()函數刪除鍵值對1.1.6、按照指定順序遍歷map1.1.7、元素為map類型的切片1.1.8、值為切片類型的map一、Map map是一種無序…

Orange的運維學習日記--23.Linux計劃任務詳解

Orange的運維學習日記–23.Linux計劃任務詳解 文章目錄Orange的運維學習日記--23.Linux計劃任務詳解一次性計劃任務atd 服務at 命令基本語法交互式示例腳本文件示例timespec 格式示例查看與管理任務查看當前隊列查看任務詳細內容刪除任務用戶權限控制用戶周期性計劃任務查看任務…

Ubuntu 24.04.2 LTS 安裝mysql8.0.36保姆級教程(從安裝到遠程連接)

目錄 前言 一、系統準備 二、安裝 MySQL 8.0.36 1. 查看可用版本 2.如果沒有對應版本則需要手動下載mysql-apt-config(有則跳過) 2.1下圖是mysql-apt-config各版本對應的mysql版本 2.2下載mysql apt repository 2.3安裝 MySQL APT Repository 包 …

【LLM】講清楚MLA原理

需要你對MHA、MQA、GQA有足夠了解,相信本文能幫助你對MLA有新的認識。 本文內容都來自https://www.youtube.com/watch?v0VLAoVGf_74,如果閱讀本文出現問題,建議直接去看一遍。 按照Deepseek設定一些參數值:輸入token長度n10&…

谷歌采用 Ligero 構建其 ZK 技術棧

1. 引言 前序博客有: Ligero 和 Ligetron 中的 MPC 和 ZKLigetron:Nim Network開發的針對AI的zkVMLigetron:基于MPC-In-The-Head范式的zkVM簡介 在隱私保護身份驗證領域邁出重要一步,谷歌最近宣布 將零知識證明(ZKP…

Flutter渲染引擎:Impeller和Skia

一、Impeller 渲染引擎的發布時間Impeller 是 Flutter 團隊為解決 Skia 引擎在移動端(尤其是 iOS 平臺)的性能問題而開發的全新渲染引擎,其發展歷程如下:首次公開:2021 年 Google I/O 大會上首次提及,作為 …

網絡編程-加密算法

目錄 一.網絡編程基礎 1. 概述 2. IP地址 3. 域名 4. 網絡模型 5. 常用協議 6. 小結 二.TCP編程 1. 什么是Socket? 2. 服務器端 3. 客戶端 4. Socket流 5. 小結 三.UDP編程 1. 概述 2. 服務器端 3. 客戶端 4. 小結 案例: 四.加密算法 …

【網絡工程師軟考版】網絡安全

任何形式的網絡服務都會導致安全方面的風險,問題是如何將風險降到最低程度,目前的網絡安全措施有數據加密、數字簽名、身份認證、防火墻、特征過濾等。所涉內容:1、網絡安全基礎2、加密技術與哈希算法3、數字簽名4、數字證書5、VPN技術6、防火…

深入淺出設計模式——創建型模式之建造者模式 Builder

文章目錄建造者模式簡介建造者模式結構建造者模式代碼實例定義產品類House定義建造者定義抽象建造者AbstractBuilder定義具體建造者定義指揮者客戶端代碼示例運行結果建造者模式總結代碼倉庫建一棟房子總共分幾步?建造者模式告訴你答案!“把大象裝冰箱&a…

OpenVLA: 論文閱讀 -- 開源視覺-語言-行動模型

更多內容:XiaoJ的知識星球 目錄OpenVLA:開源視覺-語言-行動模型1. 介紹2. 相關工作1)視覺條件語言模型(Visually-Conditioned Language Models)2)通用型機器人策略(Generalist Robot Policies&a…