Cline (VS Code)
Cline(原名 Claude Dev)是一个 VS Code 扩展,用 AI Agent 直接编辑你的仓库、执行终端命令、跑测试。
安装
在 VS Code 扩展商店搜索「Cline」→ 安装。
配置
打开 Cline 侧边栏 → 齿轮图标 → 配置:
| 字段 | 填 |
|---|---|
| API Provider | 选 OpenAI Compatible |
| Base URL | https://api.modexflow.cc/v1 |
| API Key | sk-你的-token |
| Model ID | claude-opus-4-8(或其他 Claude 模型) |
保存。
为什么用 OpenAI Compatible 而不是 Anthropic
Cline 里 OpenAI Compatible 模式接受任意模型名,我们的网关会内部转协议。Anthropic 模式会强制走 Claude 官方端口结构,虽然也能用,但 OpenAI Compatible 更稳。
用起来
Cline 侧栏输入框:
新建一个 React 组件叫 UserAvatar,接受 name 和 imageUrl props,
默认头像用 initials fallback,加 loading 骨架屏。Cline 会:
- 分析当前项目结构
- 生成文件,展示 diff 给你 review
- 你点「Accept」应用
- 需要跑测试的话它会问你允许后再执行
挑选模型
推荐组合:
claude-opus-4-8→ 通用最强,跨文件重构 / 复杂逻辑claude-sonnet-4-6→ 性价比选择,简单任务用gpt-5.5→ 备用(如果你也想对比 GPT 系)
在配置里改 Model ID 或用会话内 @model <name> 命令切。
Auto Approve 白名单
进阶用法:允许 Cline 自动执行某些安全命令(比如 git status、npm test),不用每次问你。
Cline 配置 → Auto Approve → 加白名单:
git status
git diff
git log
npm test
npm run
pnpm test
pytest这样你只需要 review 代码 diff,不用一直点确认。
Cline vs Claude Code 怎么选
| 场景 | 推荐 |
|---|---|
| VS Code 用户,想在 IDE 里全流程操作 | Cline |
| 用 Neovim / Emacs / 命令行流 | Claude Code |
| 团队协作代码,需要频繁 git 操作 | 二者都行;Cline 有更直观的 diff 视图 |
常见问题
Q: Cline 显示「Model not found」?
你 Key 分组不支持这个模型。切分组到 Claude-Stable / Claude-ESpeed / GPT。
Q: Cline 半天没响应?
Cline 每次会把整个上下文(有时候几万 tokens)发给 API。首字节可能等 5-15s,属正常。在 VS Code 底部状态栏可以看请求状态。
Q: 花费飙升?
Cline 每一步都会带上下文,长会话消耗会累加。用 Claude-ESpeed 分组(带缓存)能省很多。同时 Cline 有 Compress Chat History 按钮,能压缩过长的上下文。