一、引言
Cline 是一个开源的 VSCODE插件,能够与 DeepSeek 等 AI 模型无缝集成,提供智能代码编辑功能。 类似于这类的插件,比如:Roo Cline ,Continue 等
Cline Plan/Act 特性的推出,让我们有机会将最强的推理模型之一 DeepSeek R1 与最强编码模型 Claude 3.5 Sonnet 结合,提供不同凡响的编程体验。
二、安装配置
1. cline安装
vscode插件搜索cline,目前最新版本是v3.3.1
拖动
安装成功后会出现在左侧,个人习惯把ai工具放右边,大家可以拖动它放置自己喜欢的位置
2. 功能设置
点击输入框上面的设置,将读写编辑等权限勾选
3. 配置免费模型
Cline支持配置多种API key,包括Open Router、Open AI和Ollama等。可以访问
glhf.chat/chat/create网站,该网站提供了多个开源模型,包括:
- llama3.1 405B
- 千问2.5 coder 32B
- llama3.3 70B
选择右下角模型更换的地方,点击即可更换你需要的ai模型
选择copilot模型
API Provider中选择 VS Code LM API,language Mpdel中选择copilot-claude-3.5-sonnet
选择DeepSeek模型
需要到DeepSeek 官网申请APIplatform.deepseek.com/api_keys
每次API只会展示一次,记得复制完再关闭弹框,将复制的api粘贴到 DeepSeek API Key中,选择Model,有两种:
deepseek-chat 对应DeepSeek-v3模型,deepseek-resoner对应DeepSeek-R1模型
在输入框即可和ai工具对话,它可以清楚的看到你输入输出的token数量及API Cost
4. 快捷键
Ctrl + L:将选中的内容加入到聊天框内,方便与 AI 进行互动。
Ctrl + I:高亮选中的代码内容,自动进行补全和生成。
三、Plan/Act 模式
1. 介绍
Plan/Act 模式允许用户灵活地选择在开发过程中什么时候进行计划(Plan),什么时候直接执行(Act)。两种模式的切换,帮助开发者能够更好地控制 AI 的使用方式和模型选择,从而提高代码质量与开发效率。
Plan Mode
在此模式中,AI 主要负责设计和审查解决方案,深度分析并提供多选。此阶段是 AI 与开发者沟通及确保项目正确性的关键,避免方向错误。用户可反复迭代调整,直至确定最佳方案后进入下一阶段。
Act Mode
当决定好方案后,AI 进入 执行模式,进行简单直接的实现。这时,AI 自动选择最适合当前任务的模型,快速高效地生成代码,直接将规划阶段的方案付诸实践。
2. 模型使用
DeepSeek R1 做规划:优势分析
DeepSeek R1 是一款擅长系统设计和架构规划的推理模型。在 Plan Mode 中,它能分析需求、评估技术方案、给出优化建议,理顺代码结构、进行可行性分析并提供解决方案。
Claude 3.5 Sonnet 做编码:精确高效
规划完成后,开发者可将DeepSeek R1方案交由Claude 3.5 Sonnet编码。作为最强编码AI,Claude 3.5 Sonnet在Act模式下代码生成能力卓越,适合基于明确规划执行任务。
Claude 3.5 Sonnet编码高效精确,稳定性高,错误率低。结合DeepSeek R1规划与Claude 3.5 Sonnet编码能力,开发者可提升编码速度,减少设计不良导致的错误。
3. 实践应用
⭐
任务:用html+js+css写一个好看的登陆页面
第一步:Plan Mode
开发者首先将任务交给 DeepSeek R1,它会分析 Supabase Authentication 的要求,并为开发者提供几个集成方案,帮助选择最优路径。
第二步:Act Mode
在确认了最佳方案后,开发者进入 Act Mode,将 DeepSeek R1 提供的架构设计交给 Claude,Claude 立即根据方案生成代码,快速实现功能。
- 测试和调整
如果在执行过程中出现新的需求或问题,开发者可以返回 Plan Mode 进行新的规划调整,再由 Claude 执行更新的设计。
例如,我让它将登陆背景颜色调整为动态
这种模式让开发者不仅能在项目开始前把握全局,还能在执行过程中保持高效,避免重复的错误和设计上的失误。
四、总结与建议
Cline,一款功能强大且完全免费的AI编程工具,能够显著提高开发效率。一旦您已经掌握了Cline的基本使用方法,以下建议或许对您有所助益:
- 尝试多种模型,以确定最适合您需求的配置
- 充分利用Cline的自动补全功能,以提升编码效率
- 深入探索Cline的其他功能,例如代码优化、错误检测等