当前位置: 首页 > wzjs >正文

厦门市网站建设软件开发公司新疆头条今日头条新闻

厦门市网站建设软件开发公司,新疆头条今日头条新闻,实体企业做网站好么,东莞营销型网站外包文章目录 1、VS Code配置2、Cline使用2.1 工作模式2.2 MCP服务2.3 Cline支持的服务 3、案例一:天气查询项目3.1 需求说明3.2 申请高德API Key3.3 实操:向Cline下达命令 4、案例二:双城天气对比项目4.1 需求说明4.2 实操 Cline是VS Code的插件…

文章目录

  • 1、VS Code配置
  • 2、Cline使用
    • 2.1 工作模式
    • 2.2 MCP服务
    • 2.3 Cline支持的服务
  • 3、案例一:天气查询项目
    • 3.1 需求说明
    • 3.2 申请高德API Key
    • 3.3 实操:向Cline下达命令
  • 4、案例二:双城天气对比项目
    • 4.1 需求说明
    • 4.2 实操

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. 经过多轮交互,最终通过命令行启动服务

在这里插入图片描述

  1. Web端访问6666端口,输入城市后点击开始对比按钮,效果如下
    在这里插入图片描述
http://www.dtcms.com/wzjs/367225.html

相关文章:

  • word模板免费下载网站推荐就业的培训机构
  • 青岛网站建设开发免费b站推广软件
  • h5微网站建设多少钱app推广注册放单平台
  • 南联网站建设哪家好营销软文模板
  • 小白如何做跨境电商谷歌关键词优化怎么做
  • discuz修改网站标题软文媒体
  • 信息发布型网站域名批量注册查询
  • 个人做营利性质网站会怎么样如何做地推推广技巧
  • 哪些网站可以做问卷调查赚钱品牌推广内容
  • 卖衣服的网站排名网络营销的四种形式
  • 网站浏览器推广网站要注意什么
  • 做老师好还是网站编辑好网站快速优化排名方法
  • 专业做网站的团队推荐自媒体推广
  • 冠县网站建设gxsh免费开发网站
  • 哪些网站使用wordpress自媒体视频剪辑培训班
  • 衙门口网站建设免费seo软件推荐
  • 太原做网站多少钱网站推广什么意思
  • 做网站文案策划步骤手机百度电脑版入口
  • 网站如何做淘客郑州网站seo顾问
  • 深圳自建站有哪些大公司成都网络推广
  • 如何编写代码seo技术306
  • 吉安市城乡规划建设局网站优帮云排名优化
  • 《php网站开发》电子课件做神马seo快速排名软件
  • 佛山网站建设公司怎么样厦门网站到首页排名
  • 南京网站网站建设公司投稿平台
  • 可以做机械设计接单的网站网站优化和网站推广
  • 怎么介绍自己做的网站效果图seo黑帽是什么
  • 网站公司哪家最专业媒体平台
  • 自已做的网站怎么做域名解析上海最近3天疫情情况
  • 高校门户网站开发怎样搭建一个网站