VSCode+Cline 安裝配置及使用說明

安裝配置

打開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自動的修改完善程序。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/83017.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/83017.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/83017.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【Linux 基礎知識系列】第二篇-Linux 發行版概述

一、什么是 Linux 發行版? Linux 發行版是指將 Linux 內核和應用程序、工具、庫等有機組合在一起,形成一個完整的操作系統。由于 Linux 的開源特性,任何人都可以在 Linux 內核的基礎上進行修改和定制,因此產生了許多不同的發行版…

深入理解Transformer架構:從原理到實踐

深入理解Transformer架構:從原理到實踐 引言 Transformer架構自2017年由Google在論文《Attention Is All You Need》中提出以來,已經徹底改變了自然語言處理(NLP)領域,并逐漸擴展到計算機視覺、語音識別等多個領域。本文將深入解析Transfor…

下載即轉化的商業密碼:解析華為應用商店CPD廣告的智能投放邏輯

在移動互聯網流量紅利見頂的背景下,華為應用市場憑借其終端生態優勢正成為開發者獲客的新藍海。數據顯示,2025年Q1華為應用商店全球分發量同比增長27%,其中CPD廣告因其"下載才付費"的精準特性,已成為金融、游戲、工具類…

Python+GEE+AI,從基礎到實戰,全面掌握遙感云大數據分析與可視化!涵蓋森林監測、洪澇災害、干旱評估、植被變化等熱點領域的實際應用方案

🔍 遙感技術的飛躍與挑戰 隨著航空、航天以及近地空間遙感平臺的持續發展,遙感技術近年來取得了顯著進步。遙感數據的空間分辨率、時間分辨率、光譜分辨率以及數據量都大幅提升,呈現出典型的大數據特征。這為相關研究帶來了新的機遇&#xff…

Android Studio里的BLE數據接收策略

#本人是初次接觸Android藍牙開發,若有不對地方,歡迎指出。 #由于是講接收數據策略(其中還包含數據發送的部分策略),因此其他問題部分不會講述,只描述數據接收。 簡介(對于客戶端---手機端) 博主在處理數據接收的時候&#xff0…

【第4章 圖像與視頻】4.2 圖像的縮放

文章目錄 前言示例-圖像的縮放在 Canvas 邊界之外繪制圖像 前言 在上節中讀者已經學會了如何使用 drawImage() 方法將一幅未經縮放的圖像繪制到 canvas 之中。現在我們就來看看如何用該方法在繪制圖像的時候進行縮放 示例-圖像的縮放 未縮放的圖像,顯示圖形原有大…

[網頁五子棋][用戶模塊]客戶端開發(登錄功能和注冊功能)

文章目錄 客戶端開發登錄功能htmlcsscommon.csslogin.css jQuery引入 jquery 運行程序注冊功能 客戶端開發 登錄功能 html <!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta name"viewport&…

【Doris基礎】Apache Doris業務場景全解析:從實時數倉到OLAP分析的完美選擇

目錄 1 Doris核心能力概述 2 實時數據分析場景 2.1 實時數據倉庫 2.2 實時監控與告警 3 交互式OLAP分析場景 3.1 自助式BI分析 3.2 用戶行為分析 4 大數據分析場景 4.1 日志分析系統 4.2 時序數據處理 5 Doris技術架構適配性分析 5.1 適合Doris的場景特征 5.2 不適合Doris的場景…

C# 類和繼承(類繼承和訪問繼承的成員)

類繼承 通過繼承可以定義一個新類&#xff0c;新類納入一個已經聲明的類并進行擴展。 可以使用一個已經存在的類作為新類的基礎。已存在的類稱為基類&#xff08;base class&#xff09;&#xff0c;新類稱 為派生類&#xff08;derived class&#xff09;。派生類成員的組成如…

ElasticSearch查詢指定時間內出現的次數/2秒內出現的次數

查詢指定時間內出現的次數 POST process-log/_search {"size": 0,"query": {"bool": {"filter": [{"range": {"requestTime": {"from": 1722470400000,"to": 1722556800000}}}]}},"agg…

第四十五節:目標檢測與跟蹤-Meanshift/Camshift 算法

引言 在計算機視覺領域,目標跟蹤是實時視頻分析、自動駕駛、人機交互等應用的核心技術之一。Meanshift和Camshift算法作為經典的跟蹤方法,以其高效性和實用性廣受關注。本文將從原理推導、OpenCV實現到實際案例,全面解析這兩種算法的核心思想與技術細節。 一、Meanshift算法…

Typora-macOS 風格代碼塊

效果&#xff1a; 替換 Typora安裝目錄中 themes 文件夾下的 base.user.css 文件&#xff0c;直接替換即可&#xff0c;建議先備份。 css&#xff1a; /* 語法高亮配色 */ .CodeMirror-line .cm-number { color: #b5cea8; } /* 數字 - 淺綠色 */ .CodeMirror-line .…

【高頻面試題】數組中的第K個最大元素(堆、快排進階)

文章目錄 數組中的第K個最大元素題目描述示例1示例2提示&#xff1a; 解法1&#xff08;堆維護前k大元素&#xff09;解法2 手寫堆維護解法3&#xff08;快速選擇算法&#xff09;例題&#xff1a;P1923 【深基9.例4】求第 k 小的數參考 數組中的第K個最大元素 題目描述 給定…

『uniapp』添加桌面長按快捷操作 shortcuts(詳細圖文注釋)

目錄 手機環境適配說明安卓效果圖代碼 iOS(暫未實測,沒有水果開發者)總結 歡迎關注 『uniapp』 專欄&#xff0c;持續更新中 歡迎關注 『uniapp』 專欄&#xff0c;持續更新中 手機環境適配說明 個別手機系統可能需要進行特別的權限設置,否則會無法使用 桌面快捷方式: 已知的有…

PHP 垃圾回收高級特性

PHP 垃圾回收高級特性 1. 循環引用與內存泄漏 單純的引用計數在遇到循環引用時會導致內存泄漏&#xff0c;主要原因是引用計數無法正確識別那些僅通過循環引用相互關聯但實際上已經不可達的對象。 1.1 引用計數的基本原理 引用計數是一種內存管理機制&#xff0c;通過維護每…

奈雪小程序任務腳本

功能概述 該腳本用于自動完成奈雪點單小程序的每日任務&#xff0c;包括&#xff1a; 自動檢測 Token 有效性自動簽到&#xff08;如果未簽到&#xff09;獲取用戶基礎信息&#xff08;昵稱、手機號&#xff09;查詢當前奈雪幣余額記錄連續簽到天數支持多賬號執行&#xff0c…

基于cornerstone3D的dicom影像瀏覽器 第二十七章 設置vr相機,復位視圖

文章目錄 前言一、VR視圖設置相機位置1. 相機位置參數2. 修改mprvr.js3. 調用流程1) 修改Toolbar3D.vue2) 修改View3d.vue3) 修改DisplayerArea3D.vue 二、所有視圖復位1.復位流程說明2. 調用流程1) Toolbar3D中添加"復位"按鈕&#xff0c;發送reset事件2) View3d.vu…

Opencv4 c++ 自用筆記 03 滑動條、相機與視頻操作

1. 相機與視頻操作 1.1 打開視頻&#xff0f;相機 OpenCV 中 imread() 只能讀取靜態圖像&#xff0c;若要讀取視頻文件或攝像頭流&#xff0c;需要使用 VideoCapture 類&#xff1a; // 構造函數 cv::VideoCapture::VideoCapture(); cv::VideoCapture…

身份證發給別人怎么加水印?賽文奧特曼身份證添加水印教程

我們經常需要使用身份證照片進行身份驗證、資料提交等操作。然而&#xff0c;直接將身份證照片發送給他人或上傳到網絡存在一定的信息泄露風險。為了更好地保護個人隱私&#xff0c;我們可以使用 簡鹿水印助手 這款工具&#xff0c;在身份證照片上添加專屬水印&#xff0c;從而…

十、【核心功能篇】項目與模塊管理:前端頁面開發與后端 API 聯調實戰

【核心功能篇】項目與模塊管理&#xff1a;前端頁面開發與后端 API 聯調實戰 前言準備工作第一部分&#xff1a;完善項目管理功能 (Project)1. 創建/編輯項目的表單對話框組件 第二部分&#xff1a;模塊管理功能 (集成到項目詳情頁)1. 創建模塊相關的 API 服務 (src/api/module…