前端使用CodeBuddy工具实测~原来如此

【投稿赢 iPhone 17】「我的第一个开源项目」故事征集:用代码换C位出道! 10w+人浏览 1.6k人参与

那么先来简单介绍一下这款IDE,CodeBuddy

关键就是两个字儿,免费,但我通过实际调研发现,它是在下一盘更大的棋。

免费本地开发,如果你本地运行应用,就没有托管或云费用

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在官网中,我发现几个比较吸引我的观点。如下图

在这里插入图片描述

所有者托管访问,这是唯一帮助软件拥有者保持对代码、密码、人才、可转移性和云部署完全访问权限的工具

我是windows电脑,下载安装登录IDE之后,立马开干,嗷嗷干,但很快发现。。。

开始 搭建 DeepSeek AI Chat 前端项目

基于 React + TypeScript + TDesign 构建的现代化 AI 对话界面应用。

📋 项目概述

设计一个功能完整的 AI 聊天应用前端界面,提供了流畅的用户体验和丰富的交互功能。应用采用现代化的设计语言,支持实时对话、历史记录管理、用户信息管理等功能。

✨ 主要特性

  • 🎯 智能对话界面 - 支持用户与 AI 助手的实时对话
  • 💬 历史记录管理 - 保存和管理历史对话记录
  • 👤 用户信息管理 - 支持用户资料编辑和会员等级显示
  • 🎨 现代化 UI - 基于 TDesign 组件库的精美界面
  • 📱 响应式设计 - 适配不同屏幕尺寸
  • 🌙 深色主题 - 采用深色主题设计,护眼舒适

🛠️ 技术栈

核心框架

  • React 18.2.0 - 前端框架
  • TypeScript 5.2.2 - 类型安全的 JavaScript
  • Vite 5.2.0 - 现代化构建工具

UI 组件库

  • TDesign React 1.12.0 - 企业级 UI 设计语言
  • TDesign Icons React 0.5.0 - 图标组件库

样式与工具

  • Tailwind CSS 3.4.17 - 实用优先的 CSS 框架
  • Tailwind CSS Animate - 动画效果
  • Tailwind Merge - 类名合并工具
  • Lucide React - 补充图标库

功能增强

  • React Markdown 9.0.1 - Markdown 渲染
  • Remark GFM - GitHub Flavored Markdown 支持

📁 项目结构

src/
├── components/           # 可复用组件
│   ├── ChatArea.tsx    # 聊天区域组件
│   ├── MessageItem.tsx # 消息项组件
│   ├── Sidebar.tsx     # 侧边栏组件
│   └── UserProfile.tsx # 用户资料组件
├── App.tsx             # 主应用组件
├── main.tsx            # 应用入口
└── index.css           # 全局样式

🚀 快速开始

环境要求

  • Node.js >= 16.0.0
  • npm >= 8.0.0

🎯 核心功能

1. 对话管理

  • 创建新对话
  • 查看历史对话列表
  • 删除对话记录
  • 实时消息显示

2. 用户界面

  • 左侧边栏:对话历史和用户信息
  • 右侧聊天区:消息展示和输入
  • 用户资料弹窗:详细信息编辑

3. 交互设计

  • Hover 效果和过渡动画
  • 响应式布局适配
  • 键盘快捷键支持
  • 加载状态指示

🎨 界面设计

色彩方案

  • 主色调:蓝色系 (#3B82F6)
  • 背景:深灰色系 (#1E293B, #334155)
  • 文字:灰白色系 (#F1F5F9, #D1D5DB)

布局结构

  • 固定宽度侧边栏 (280px)
  • 响应式聊天区域
  • 底部固定用户信息区域

注意按以上要求项目搭建至此,先上效果图

在这里插入图片描述

已经初具雏形,从开始到上图,不到30分钟,如果自己干,我需要大概一周左右…

但在这个过程中,codeBuddy开始出现

Chat failed with error: 6004:usage exceeds frequency limit, but don't worry, your usage will reset at 2025-11-26 21:31:52 UTC+8. (Code: 6004) Message ID: da21f362fa8c443ab479db317ee56656 / ad31dd25f6f7f344eafec56211bdfa1b Date: 2025-11-26 17:58:19 User ID: 2a28b2c5-c15c-4073-b18c-8e92097320ba 腾讯codeBuddy我在执行任务时报上述

usage exceeds frequency limit在某一时间段内,你的使用量超过了规定的频率上限

这虽然号称免费,但这仍是有使用限制。提示中明确指出了限额重置的时间:2025-11-26 21:31:52 (UTC+8) 。在此之前,功能受到限制。
意思就是:工具罢工了,这点的话还是白嫖我的Cursor香。

初步感受下来,总结一下

构建速度操作体验限制
良好良好本地使用频率限制
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大布布将军

感 蟹 袋 佬🫡🫡🫡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值