文章目录
Cline是VS Code的插件，可以通过调用LLM的API实现自动化开发，可被视为用于开发智能体。
它是一个github上的开源项目，仓库地址：https://github.com/cline/cline
1、VS Code配置
通过Cline插件将DeepSeek集成到VSCode。
步骤1：插件市场选择Cline，安装即可
步骤2：安装完成后点击左侧图标打开Cline
2、Cline使用
2.1 工作模式
2.2 MCP服务
https://modelcontextprotocol.io/introduction
MCP服务官网如上，它是Model Context Protocol的简称，是一种由Anthropic推出的开放标准，旨在实现大型语言模型（LLM）与外部数据源和工具之间的无缝集成。MCP通过标准化协议，使AI模型能够安全地访问和操作本地及远程数据，从而提升AI应用的响应质量和工作效率。
2.3 Cline支持的服务
默认全选即可。
最多请求数量可根据实际需求灵活调整。
3、案例一：天气查询项目
3.1 需求说明
在本例中，我们通过Cline编写一个天气查询项目，通过单一的py文件实现
我们需要准备高德地图API Key，操作如下
3.2 申请高德API Key
打开上述网址，按照提示注册（可能需要实名认证）
步骤1：创建应用
步骤2：创建API Key
名称符合规范，提交即可
步骤3：复制此处的API Key即可
3.3 实操：向Cline下达命令
步骤1：在任意位置创建空目录Weather-1，作为Cline的工作目录
在VSCode中打开该目录。
步骤2：选择Cline工作模式
大多数情况下，直接使用Act模式即可，特别复杂的任务才需要先拆分任务，设计工作流，然后再执行
步骤3：在聊天窗口中写入以下内容发送给Cline
帮我实现一个weather.py程序，可以通过高德提供的API-key获取城市天气
步骤4：Cline申请执行命令
此时Cline对话框上方会有弹窗，选择运行命令，pip install将会在命令行执行
步骤5：Cline提示任务完成，请求运行最后的命令
Windows右下角弹窗提示任务运行完成，并指示程序使用方式
根据实际情况选择
步骤6：查看本次任务执行的文件变更操作
步骤7：查看本次操作变更及撤销变更操作
步骤8：点击运行
步骤9：输入必要信息后的天气查询结果如下
4、案例二：双城天气对比项目
4.1 需求说明
在本例中，我们通过Cline编写一个双城天气对比项目，通过Python Flask框架完成后端，通过HTML、CSS+JavaScript组合完成前端。
目标：在本地7777端口启动Web服务，通过浏览器访问，在前端页面提供两个文本框和一个按钮，输入两个城市名称，点击按钮可以输出两个城市的温差。
提示词如下：
基于高德提供的天气接口实现一个前后端分离的项目，使用Python Flask框架完成后端开发，使用前端三剑客HTML、CSS和JavaScript完成前端开发。
目标：在本地7777端口启动Web服务，通过浏览器访问该端口。前端页面提供两个文本框，分别提示用户输入两个待查询城市的名称，提供一个按钮，用户点击按钮时，后端调用天气接口查询双城天气，前端页面分别展示两个城市的天气，要求输出对称。此外，还要大模型基于两个城市的天气查询结果从不同角度对比，在前端展示天气对比概述。布局要尽可能美观。
4.2 实操
步骤1：在任意目录下创建Weather-2目录，用VSCode打开
步骤2：输入上述提示词
步骤3：生成过程如下
等待时间较长
可以追加需求
期间会下载flask框架，如上图。会下载flask requests，如下图：
在输出最终结果之前，Cline可能会校验代码，如果发现潜在的bug可能会做出更改，如下。
到达设定的交互上限工作会暂停，询问用户继续还是开启新任务
本次任务日志如下
继续当前任务
点击Procceed继续当前任务
阅读日志，干预工作流
阅读日志发现，Task在不断重复需求，重复的原因都是文件修改被中断，有可能是网络环境差或传输数据太多导致传输中断，此时可以考虑追加提问，基于已完成的部分更改需求或者更改模型，选择速度更快的DeepSeek-V3点击取消打断工作流，如下
重新组织提示词
目前你已经帮我完成了代码框架，现在只需要运行代码测试，然后找问题即可，不要再一次次重复生成了
通过python app.py 启动服务端，在浏览器测试运行状态。根据测试结果更新提示词
经过多轮交互，Cline创建了.env文件，只要将下图中的API Key替换为真正的Key即可
7. 剩余工作流日志如下
8. 经过多轮交互，最终通过命令行启动服务
- Web端访问6666端口，输入城市后点击开始对比按钮，效果如下
