← 返回博主原创
BiFish original · 2026-07-25

Cline:装在 VS Code 里的 AI 助手,边写代码边跟它对话

不用换编辑器,装个插件就能让 AI 帮你写代码、改 bug、解释逻辑。每一步都要你同意才执行,不会乱来。完全免费开源,62K 星。

它是什么?

Cline 是一个装在 VS Code(最流行的代码编辑器)里的 AI 助手插件。装好之后,你的编辑器右边会多出一个对话框,你直接用中文告诉它你要什么,它就帮你写代码、改文件、跑命令。

关键是:**每一步都要你点"同意"才会执行**。它不会偷偷改你的东西,你能看到它打算改什么(用红绿色标出来),觉得没问题再放行。

GitHub 上 62K+ 星,是目前最火的开源 VS Code AI 插件。

它能帮你解决什么问题?

  • **写代码太慢**:重复的代码、模板化的功能,说一句话它就帮你写好
  • **看不懂别人的代码**:选中一段代码问它"这是干嘛的",它给你解释
  • **报错不知道怎么修**:把错误信息扔给它,它帮你定位问题、给出修复方案
  • **想做个东西但不会写**:描述你要什么,它从零帮你搭
  • **怕 AI 乱改**:Cline 每步都要你批准,完全可控
  • 长什么样?

    装好后,VS Code 侧边栏多一个 Cline 图标。点开是一个聊天面板:

  • 上面是对话区:你说的话、AI 的回复、代码修改预览(红绿对比)
  • 下面是输入框:打字告诉它你要什么,还能贴截图
  • 每次它要改文件,会弹出一个 diff 视图(绿色=新增,红色=删除),你点 Approve 才生效
  • 底部有个费用计数器,显示这次对话花了多少 token
  • 怎么安装?

    **超简单,3 步搞定:**

    1. 打开 VS Code

    2. 按 `Ctrl+Shift+X` 打开扩展商店

    3. 搜索 "Cline",点 Install

    装完后侧边栏会出现 Cline 的图标。

    或者用快捷方式:按 `Ctrl+P`,输入 `ext install saoudrizwan.claude-dev`,回车。

    装完之后怎么用?

    **第一步**:点击侧边栏的 Cline 图标,打开对话面板。

    **第二步**:第一次用会让你配置 AI 模型。点设置图标,选一个提供商(比如 OpenRouter、Anthropic、DeepSeek),填入 API Key,选一个模型。

    **第三步**:开始对话。直接用中文说你要什么:

  • "帮我创建一个简单的 HTML 页面"
  • "这个函数有 bug,帮我修一下"
  • "给这个项目写一个 README"
  • "解释一下这段代码是干嘛的"
  • **第四步**:它会分析你的项目,给出修改方案(显示为红绿对比)。你觉得没问题就点 Approve,不对就点 Reject。

    **小技巧**:

  • 输入 `@file` 可以指定让它看某个文件
  • 输入 `@folder` 让它看整个文件夹
  • 可以贴截图,让它按截图改界面
  • 每次修改都有存档,改坏了可以回退
  • 需要 AI 模型吗?用哪个?

    需要。Cline 本身免费,但需要一个 AI 模型来思考。选择很多:

  • **最便宜**:DeepSeek(国产,效果好不好说,但真的便宜)
  • **最聪明**:Claude Sonnet / GPT-4o(贵但效果好)
  • **免费方案**:用 Ollama 跑本地模型,不花钱
  • **省事方案**:用 OpenRouter,一个 Key 能用 200+ 种模型
  • **Cline 官方套餐**:ClinePass,$9.99/月,包含 DeepSeek、通义千问、Kimi 等
  • **不知道选哪个?** 去我们的[模型导航页](/benefits.html)看看,按预算和需求帮你挑。

    费用

  • Cline 插件本身:**完全免费**,开源(Apache 2.0)
  • AI 模型费用:简单任务几分钱,复杂任务几毛到几块钱
  • 一般用法每月大概 30-200 元(看用什么模型、用多少)
  • 用本地模型可以 0 元
  • 适合谁?

  • 已经在用 VS Code 的人(不用换编辑器,加个插件就行)
  • 想要 AI 帮忙但怕它乱来的人(每步都要你批准)
  • 预算有限的人(可以选便宜模型或跑本地)
  • 想学编程的人(边写边问,它给你解释)
  • 如果你不喜欢 VS Code,想要纯命令行的方式,可以看看 [OpenCode](/posts/opencode-ai-coding-agent)。

    项目地址

    GitHub:https://github.com/cline/cline

    VS Code 商店:搜索 "Cline" 即可安装

    本文基于公开来源进行分析,AI 参与资料整理与初稿生成,最终由人工确认选题和发布。涉及产品能力、价格或政策时,请以原始来源的最新信息为准。