国家住房和城乡建设局网站首页小程序商城图标素材

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

https://console.amap.com/

打开上述网址，按照提示注册（可能需要实名认证）

步骤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：生成过程如下

等待时间较长

1. 可以追加需求
   
   
   期间会下载flask框架，如上图。会下载flask requests，如下图：
   

2. 在输出最终结果之前，Cline可能会校验代码，如果发现潜在的bug可能会做出更改，如下。
   

3. 到达设定的交互上限工作会暂停，询问用户继续还是开启新任务
   

4. 本次任务日志如下
   

5. 继续当前任务

   点击Procceed继续当前任务

6. 阅读日志，干预工作流

   阅读日志发现，Task在不断重复需求，重复的原因都是文件修改被中断，有可能是网络环境差或传输数据太多导致传输中断，此时可以考虑追加提问，基于已完成的部分更改需求或者更改模型，选择速度更快的DeepSeek-V3点击取消打断工作流，如下
   
   重新组织提示词

目前你已经帮我完成了代码框架，现在只需要运行代码测试，然后找问题即可，不要再一次次重复生成了

通过python app.py 启动服务端，在浏览器测试运行状态。根据测试结果更新提示词

经过多轮交互，Cline创建了.env文件，只要将下图中的API Key替换为真正的Key即可

7. 剩余工作流日志如下

8. 经过多轮交互，最终通过命令行启动服务

9. Web端访问6666端口，输入城市后点击开始对比按钮，效果如下