代码改变世界

详细介绍:VSCode+Cline 安装配置及使用说明

2025-10-07 10:44  tlnshuju  阅读(14)  评论(0)    收藏  举报

安装配置

打开VSCode,点击左侧Extension图标,在弹出页面中,检索Cline,选择Cline进行安装。

 安装完毕,在左侧会出现一个图标,点击图标

 选择【Use your own API key】,在出来的界面中选择大模型,并输入大模型的API key。

点击【let‘s go】

通过出现以下页面,就能够开始使用Cline来辅助编程了。

免费的大语言模型

  • OpenRouter :是一个开源AI模型聚合路由器,献出统一接口访问多种大语言模型,优化成本与性能‌。它集成超过50家供应商的数百种模型(如GPT系列、Claude、Gemini等),支持智能路由、透明计费和零代码集成,适用于开发者、研究人员及普通用户。其中标识free的都是免费的。
  • ollma:本地部署大模型
  • gemini
  • github开源模型:https://github.com/marketplace/models  要求需要通过liteLLM进行模型接口转发
  • huggingface开源模型

使用案例

使用python编写一个计算器

用Cline 开发,主要和用自然语言进行沟通,其中提示词很关键,在提示词中需要做到以下几点:

  1. 角色定义:明确Cline的橘色
  2. 任务描述:清晰说明需求
  3. 约束条件:设置限制条件

示例:

你是一个python专家,请帮我生成一个XXXX,

要求支持XXX,并添加详细的文档注释。

提示优化技巧

  • 具体性:避免模糊描述
  • 上下文:提供相关背景
  • 示例:给出期望的输出格式

使用Cline 可以援助我们完成以下工作:

  1. 代码重构:启用Cline优化现有代码结构:
  2. 文档生成:自动生成API文档
  3. 技术学习:快速掌握新框架的核心概念

可以在输入框中输入以下内容:

用Cline开发Python计算器
3.1 方案需求
-实现基本四则运算
-处理除零异常
-提供单元测试

输入之后,Cline 就会开始工作,生成代码,生成代码以后,点击【Save】。

代码全部生成以后,可能运行代码查看运行结果。

假如有需要调整的部分,直接在输入框中输入要求,Cline就自己按照要求,修改代码。例如

第一次生成的代码并没有献出图形化界面,可以在输入框中输入:

实现计算器的图形化界面

实现完的图形化界面,缩放的时候里面的内容并没有自动缩放,可以在输入框中输入以下内容

图形界面里面的组件随窗口大小自动缩放

行看到用自然语言的方式可以和Cline交流,让Cline自动的修改完善应用。