那么先来简单介绍一下这款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香。就是,这点的话还

初步感受下来,总结一下

构建速度操作体验限制
良好良好本地使用频率限制