事情起因挺简单——我想把一个老旧 jQuery 项目里的表格筛选逻辑搬到 React 里。代码倒是不复杂，但手动翻译一遍总归烦。朋友说 Cursor 能搞定大部分重构，另一拨人又安利说 Claude Code 写代码更稳。于是我想着干脆都试一遍，正好手上还有朋友丢过来的一个 clawdfree 链接，说是不用订阅就能直接用 Claude Code 走中转 API。
就这么开始了。
同一个任务，两边都跑一遍
我选的任务是：把一个 200 行左右的 jQuery 表格搜索+排序逻辑，改写成 React 函数组件 + TypeScript。需求非常明确，没有模糊的业务坑，适合看两个工具的翻译质量。
先用 Cursor 打开项目，直接 Ctrl+K 输入 prompt：“把这部分 jQuery 代码改写为 React + TypeScript，保持功能不变。” Cursor 用的是 Claude 和 GPT 混合模型，默认走它的快速模式。结果出来得很快，代码能跑，但有两个问题：一是它把 jQuery 的 hide()/show() 直接对应成了 style.display 切换，没有用 filter() 思路来管理状态；二是输出的组件是单个大文件，没拆分子组件。能用，但有那股“AI 生成痕迹”——逻辑对，但不像人写的。
clawdfree 跑 Claude Code 的体验
然后我打开 clawdfree 的频道，按说明配了一下中转 API 地址。说实话，之前一直没买 Claude 订阅就是因为觉得月费贵，而且只为了 Code 功能不值当。clawdfree 这边输完 API key，直接就能用 Claude Code v2.1.88，界面和官方客户端完全一样。
同样一段 jQuery，我给了几乎一样的 prompt，但 Claude Code 做了一件事让我比较意外：它在翻译之前先问了一句“这个表格数据是来自 props 还是内部状态？” 我补充了“来自 props”之后，它生成的组件自动把排序和筛选逻辑拆成了两个自定义 hook，表格 render 部分单独抽了子组件。代码结构明显更像我在真实 PR 里会看到的那种。
而且因为是走clawdfree 中转，延迟比我想象中低很多，上海电信大概 200ms 左右，不算拖沓。
几个实实在在的差别
两边的结果都跑了测试，功能都没丢。但有几个区别值得说：
- 代码风格倾向：Cursor 倾向于产出“能跑就行”的代码，Claude Code 会多做一步——比如自动加类型守卫、把魔法数字抽成常量。对重构任务来说，这一步能省不少 review 时间。
- 上下文利用：Cursor 在同一个文件内补全时很强，但跨文件分析偏弱。Claude Code 会主动检查项目里有没有已有的 hook 或工具函数，然后复用它们。这次它发现我项目里有
useDebounce，直接就拿过来用了。 - 试用门槛：Cursor 免费版有补全次数限制，重度用几天就得上 Pro。Claude Code 官方要 20 美元/月。而 clawdfree claude code 走中转 API，按量计费，低频用户花几块钱就能搞定，不用惦记着取消订阅。
怎么判断自己该用哪个
我个人现在的习惯是：写新代码、做补全、调样式时开 Cursor，因为它快，和编辑器集成深。但碰到需要理解项目结构、做跨文件重构或者写复杂逻辑的时候，我会切到 clawdfree 打开 Claude Code。尤其像这次这种 jQuery 迁移，Claude Code 的代码质量明显更接近我同事会写出来的东西。
如果你只是偶尔改几个函数，Crsor 免费版够用。但如果你隔三差五就要做迁移、重构或者写带状态管理的组件，花几块钱走中转 API 用 Claude Code，比每月固定掏订阅费划算得多。而且你不需要纠结“要不要取消订阅”，用一次充一次就行。
评论
发表评论