当前位置：网站首页 > IT知识 > 正文

Claude Code:完爆 Cursor 的编程体验

liuian 2025-09-01 08:15 49 浏览

前言

最近，听说Claude Code这款代码辅助编写产品很强，有人把Cursor比作实习生水平，Claude Code比作高级工程师水平。

起初不以为意，因为特殊原因，Claude 无法直接访问。然而，有人做了镜像站，可以白嫖 $100 的额度，这就可以来测试一下。

镜像站地址：https://anyrouter.top/register?aff=kUGb

安装

Claude Code 目前仅支持 Linux 和 mac 系统，对于 windows 系统，需要使用 wsl 或其它虚拟机。

下面来进行安装

1.以 Ubuntu 系统为例，安装 Node.js

# Ubuntu
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo bash -
sudo apt-get install -y nodejs
node --version

2.安装 npm

sudo apt install npm

3.安装 Claude Code

npm install -g @anthropic-ai/claude-code
claude --version

4.配置Token

在网页控制台中新建 API 令牌(sk 开头)，设置为环境变量。

echo -e '\n export ANTHROPIC_AUTH_TOKEN=sk-...' >> ~/.bashrc
echo -e '\n export ANTHROPIC_BASE_URL=https://anyrouter.top' >> ~/.bashrc
source ~/.bashrc

配置完后，就可以启动Claude Code，输入

claude

进入如下界面，先选择主题：

设置完之后，相继确认安全须知、Terminal 配置、信任工作目录，一路 Enter，到这个界面，就可以正常使用了。

实际测试

看到不少人拿贪吃蛇、碰撞模拟之类的通用性编程任务进行测试，没有太大的实际意义。

我直接拿一个复杂的实际任务进行测试：“用React写一个类似OpenAI的聊天界面，要求能自定义模型，保存对话历史记录”。

为了让任务需求更加明确，让DeepSeek优化了一下提示词，最终结果如下：

请帮我设计一个基于React的类OpenAI聊天界面，需满足以下功能：
1. **用户配置模块**
- 提供API Key输入框（支持本地存储，避免重复填写）
- 支持选择模型（如deepseek-v3/deepseek-R1等）和参数（temperature、max_tokens等

2. **对话交互界面**
- 仿ChatGPT的聊天布局：左侧历史会话列表，右侧主聊天区
- 支持多轮对话，保留上下文（通过messages数组传递历史记录）
- 实现流式响应（逐字输出效果），使用Server-Sent Events或OpenAI的stream参数

3. **功能增强**
- 消息Markdown渲染（代码高亮、链接解析等）
- 一键复制回复内容
- 响应耗时统计与token用量显示

4. **错误处理与状态管理**
- 网络错误、API限流等异常提示
- 加载状态动画（如发送中、流式响应时）

5. **技术栈建议**
- UI库：Ant Design或Material-UI
- 状态管理：Zustand或Context API
- 流式处理：使用`openai`库的`stream`参数或自定义SSE连接

**附加要求：**
- 提供完整的React Hooks实现方案
- 优先考虑TypeScript类型安全
- 兼容移动端布局
- 提供完整的readme.md文档

为了有对比参照性，对照组采用Cursor + gemini-2.5-pro进行同步测试。（为什么不用 Cluade 4？问就是用太多限额了！）

Claude很快列了10条任务清单。

Claude列的任务清单

Cursor也不甘示弱，也列了10条任务清单。

Cursor列的任务清单

花了6分钟左右，claude 率先完成任务，运行之后，出现编译报错：

再次告诉它错误信息，它花了1分钟进行修复，再次启动就可以顺利运行了。

模型配置界面

对话界面

模型配置正常，对话也能连通，就是渲染的时候有个小错误，会将模型的回答渲染到用户的问题板中。

考虑到是不到十分钟完成的效果，整体已经非常不错。

再看 Cursor 这边，还没处理完。