CodeBuddy IDE实操教程！（附案例）腾讯还是太全面了，目前限时免费！

这周 AI 编程是真的热闹，大厂们卷起来了！

字节的 Trae Solo、腾讯的 CodeBuddy IDE、阿里的 Qwen3-Coder 接连上阵，搞得人还真是有点小兴奋。

就在前不久，身边的程序员朋友们，一个个都还在吐槽「拜拜 Cursor」、「Cursor 不香了」...

一扭脸，就又出了这么多编程工具可以续命。觉得 Cursor 用着不爽的，可以试试这些了。

今天来聊聊腾讯的 CodeBuddy 吧。

这几天一直在玩 CodeBuddy，通过它实现了一个个人记账的前端，使用技术框架为uniapp来操作，效果看上去还是不错的

CodeBuddy，看名字，很多人应该都不陌生，这不是之前就有吗？

之前 CodeBuddy，是一个插件，需要安装在 VSCode、JetBrains IDEs 等 IDE 中使用。

而这周新上线的 CodeBuddy IDE，是作为一个独立的 IDE。你可以简单理解为，和 Cursor、Trae 类似。

也就是说，你不需要懂什么技术，只需要用自然语言描述，CodeBuddy 就能实现从产品、设计、研发、再到部署上线的全流程！

一、下载登录

目前上线的是 CodeBuddy IDE 的国际版。

CodeBuddy IDE 下载地址：

www.codebuddy.ai

0

安装打开后，就来到了这个界面：

接下来两步是导入配置和安装命令行工具。

你也可以直接「Skip」跳过，后续都可以再设置和安装。

使用谷歌账号或邮箱注册登录 CodeBuddy：

二、实操演示

首先你这知道你是要实现的项目，它的需求，功能有哪些，样式要做什么样的，要什么样的风格

比如我整理描述样式风格：

采用微信主题风格的颜色方案

1：图表数据结构解析

•定义数据模型：支出与收入的分类及数值

•准备数据集：确保数据格式适合图表渲染

•设置数据绑定规则：连接数据与UI元素

2：微信主题风格的颜色配置

•选取主色调：基于微信主题的绿色调 (#07C160)

•设定辅助色：用于区分不同数据系列

•背景与文字颜色搭配：保证可读性和美观性

3：界面布局与组件设计

•创建图表容器：定义尺寸和位置

•设计图标元素：为每个分类定制图标

•布局优化：确保信息层次清晰，重点突出

4：交互功能实现

•添加点击事件：允许用户与图表互动

•动态更新数据：响应用户操作或外部数据变化

•动画效果：提升用户体验，如加载和过渡动画

5：代码实现与调试

•编写代码框架：使用合适的前端技术栈（如React, Vue等）

•集成图表库：选择支持自定义样式的图表库（如ECharts, Chart.js）

•测试与迭代：检查兼容性，修复bug，优化性能

描述功能尽量功能清楚一点，大的功能点有几点，每个大的功能点下面有哪些小功能

功能大纲

一、 核心记账功能

收支记录

核心： 快速添加收入/支出，金额、分类、账户、时间、备注。

特色： 支持负数和正数快速切换（解决退款、倒贴等场景）。

优化： 自定义常用模板，一键记账。

转账 & 还款

转账： 记录资金在不同账户间的流转（如：银行卡 -> 支付宝），不计入收支，只影响资产。

信用卡还款： 专门流程，记录从储蓄账户到信用卡账户的转账，并可关联信用卡账单。

周期账单 (分期/定期)

周期收款/付款： 设置固定周期（如每月、每季）的固定收支（如工资、房租、房贷）。

分期项目： 创建分期项目（如12期免息iPhone），自动生成每期账单并提醒。

债务管理 (借入/借出)

记录债权债务： 借出、借入金额，对方联系人，约定还款日，利率。

状态跟踪： 待收款、已部分还款、已完成、已逾期。

核销功能： 完成一笔债务/债权时进行核销记录。

报销管理

标记功能： 记账时可标记为「可报销」。

报销状态： 待报销、报销中、已报销。

统计视图： 单独查看所有报销相关的流水，方便与公司财务对接。

退款 & 手续费 & 优惠券

退款： 处理为「负支出」或关联原订单冲销，保持账目清晰。

手续费： 记账时可作为支出的一个附加项，或单独记录。

优惠券/折扣： 记录商品原价和实付价，折扣金额可单独显示在备注中，用于分析真实消费力。

二、 统计分析

时间维度分析

支持按年、月、周、日及自定义时间范围查看数据。

图表可视化

饼图： 分类占比分析（支出/收入）。

条形图/柱状图： 不同时间段的金额对比（同比、环比）。

折线图： 趋势分析（支出/收入/净资产变化趋势）。

多维度分析

按分类、按账户、按商家、按成员、按标签等筛选分析。

分类下钻： 点击一级分类的饼图，可下钻查看其二级分类的构成。

报告导出

将统计图表和数据表格生成PDF或图片报告，方便分享与复盘。

三、 预算管理

总体预算： 设置月度、年度总预算。

分类预算： 为不同支出分类（如餐饮、交通）设置独立预算。

动态提示：

首页显示预算剩余金额和完成进度条。

支持超额预警（颜色变化、通知提醒）。

日均预算： 动态计算“今日剩余可花费金额”，帮助控制消费。

四、 资产管理

账户类型： 现金、储蓄卡、信用卡、支付宝、微信钱包、储值卡（饭卡、购物卡）、投资账户、债务账户等。

统一视图： 仪表盘首页清晰展示净资产、各账户余额。

多币种支持： 添加账户时可选择币种，根据汇率自动折算为基准货币计算总资产。

账户管理： 支持账户的开启、归档、隐藏（不计入总资产）。

五、 多账本 & 共享记账

多账本： 创建不同账本用于不同场景（如：家庭账本、旅行账本、生意账本）。

共享协作：

通过链接或邮箱邀请他人加入同一账本。

设置不同成员的权限（如：仅记账、可管理）。

显示每条记录的创建者，避免混乱。

六、 数据安全与同步

云同步与备份：

注册账号后，数据自动加密并同步至云端。

更换设备后登录账号即可恢复所有数据。

导入导出

导出： 支持将数据导出为CSV/Excel格式，方便本地存档和深度分析。

导入： 支持导入主流记账App（如MoneyWiz、随手记）的CSV格式数据，降低用户迁移成本。

七、 丰富的自定义

分类管理： 自定义一二级收支分类的名称、图标、排序。

视觉设置： 自定义收支颜色主题。

记账规则：

设置账单是否计入收支统计或预算。

设置单个账户是否计入总资产。

起始日期： 自定义一个月的起始日（如每月25号为起始日）。

币种管理： 添加、启用、禁用币种，并更新汇率。

八、 多平台支持 (中长期规划)

第一阶段： 优先开发 移动端 (iOS / Android)。

第二阶段： 开发 Web 端，便于数据管理和深度操作。

第三阶段： 开发 桌面端 (macOS / Windows) 或使用跨端框架（如Flutter）同步开发。

核心： 所有平台使用同一账号，数据实时同步。

九、 贴心小功能 (贯穿各个版本，作为亮点)

日历视图： 在日历上直观查看每日的收支情况。

桌面小组件： (iOS/Android) 在桌面快速查看今日消费、快速记账。

账单图片： 为重要账单添加拍照/上传图片功能（如发票、购物小票）。

智能搜索： 支持关键词、金额、分类、时间等组合搜索。

显示优化： 金额千分位分隔符，数字更易读。

安全保护： App启动密码、Face ID/Touch ID解锁。

秒开模式： 极速启动，专注于记账体验。

注意几点：

1、在调整一个页时，最好是把一个页面上面的功能调整完之后，再去调整下一个页，不然有时他功能会互相影响，

2、在调整完一个页之后，最好做一个备份，有时你在优化当前页面，他会影响到其它的页

3、在输入命令时，不要一次性输入太多，这样系统整体理解误差有点，最好是一个功能点一点功能去输入命令，完成之后再进行下一步功能

遇到的问题：

当在输入命令执行过程中，会遇到，一个命令输入之后，他在执行分析结果时，会反复去执行这个结果，给我感觉就是无限循环在那里，我一般是重启一下IDE编辑，来重新分析这个页，再重新输入命令来执行

生成的效果：