高效代码开发助手vscode+(Copilot/Cline+Copilot(让cline调用Copilot的模型))

高效代码开发助手vscode+(Copilot/Cline+Copilot(让cline调用Copilot的模型))

一、引言

随着AI智能体的出现,越来越多方便的工具也随之产生,作为一名开发者自然不能错过这波浪潮。本篇文章带来的是如何在vscode上使用插件Copilot/Cline+Copilot,两种方式实现自动化辅助编程。

二、在vscode上使用Copilot

安装 Copilot插件

在 VSCode 中安装 Copilot插件:

  1. 打开 VSCode 扩展市场
  2. 搜索 “Copilot”
  3. 点击安装
  4. 安装完成后,使用 GitHub 账号登录授权(在Copilot插件安装完成后,通过向导完成登录授权)
  5. 重启 VSCode
在这里插入图片描述

测试自动化编写代码功能

打开聊天框:

在这里插入图片描述

选择Agent模式;选择模型(想用Claude 4 sonnet可去某宝买copilot计划,价格挺便宜):

在这里插入图片描述

输入测试内容:

在这里插入图片描述

结果展示:

请添加图片描述

三、在vscode上使用Cline+Copilot

Cline也是一个受到众多好评的自动化编程的插件。可以单独使用API进行模型的调用,本文只介绍如何调用Copilot包含的模型,不介绍如何使用API调用。

安装 Cline 插件

在 VSCode 中安装 Cline 插件:

  1. 打开 VSCode 扩展市场
  2. 搜索 “Cline”
  3. 点击安装
在这里插入图片描述

配置 Cline

安装完成后需要简单的配置:点击小图标,点击右上角的设置:

在这里插入图片描述

API选择如下一项:

在这里插入图片描述

模型根据自己的需求选择,可选的模型是根据Copilot可选的模型决定,我仍然选择Claude 4 sonnet(如果没有出现可选模型,记得重启vscode):

在这里插入图片描述

点击设置,选择中文:

在这里插入图片描述

选择Act模式,plan模式不会编辑代码:

在这里插入图片描述

下方可以快速切换模型:

在这里插入图片描述

输入框上面的一栏的配置嘛,嗯……都是字面意思,不用过多解释(如果需要在终端运行命令,可以勾选Execute safe commands):

在这里插入图片描述

测试结果

请添加图片描述


在这里插入图片描述

Read more

OpenClaw保姆级安装教程,接入飞书本地部署你的AI助理平台

大家好,我是岳哥。 最近国内外开始风靡一个叫OpenClaw的AI助手,类似之前的豆包手机。 可以在你的电脑上7*24小时的帮你完成任何工作,堪称当代“顶级牛马”。 今天教大家如何在Windows本地部署一台功能完整的OpenClaw。 准备工作 1、安装Node.js 在安装Clawdbot前,需要先安装Node.js,版本最好是最新的。 下载地址: https://nodejs.org/en/download/ 如果你已经安装了,检查一下你的Node.js是什么版本,最好是v18以上。 打开你的终端命令窗口,输入命令: node -v 这里可以看到我安装的node.js是v24版本 2、获取智普GLM的API key openclaw支持连多种第三方的大模型,如果你有Claude,ChatGPT或Gemini等大模型的API,可以直接使用,不过使用过程中需要全程开启魔法。 这里我们使用的是国内的智普GLM。 智普GLM官网注册: https://www.bigmodel.cn/glm-coding?ic=K3XQTML7F1

前端可访问性:别让你的网站对某些人关闭大门

前端可访问性:别让你的网站对某些人关闭大门 毒舌时刻 这网站做的跟迷宫似的,正常人都找不到路,更别说有障碍的人了。 各位前端同行,咱们今天聊聊前端可访问性。别告诉我你还在忽略可访问性,那感觉就像在公共建筑里不建无障碍通道——能进,但不是所有人都能进。 为什么你需要关注可访问性 最近看到一个项目,按钮没有焦点状态,表单没有标签,屏幕阅读器根本无法正常工作。我就想问:你是在做网站还是在做密室逃脱? 反面教材 // 反面教材:忽略可访问性 function App() { return ( <div> <h1>我的网站</h1> <div> <input type="text" placeholder="用户名" /> <

AI文字语音项目:搭建一个支持情感控制、可二次封装的TTS服务

AI文字语音项目:搭建一个支持情感控制、可二次封装的TTS服务

文章目录 * 📦 第一阶段:环境准备与模型部署 * 🧱 第二阶段:核心封装与情感控制接口 * 🚀 第三阶段:使用与测试 * 🔧 第四阶段:部署为API服务(Flask示例) * 📝 重要补充与高级扩展 📦 第一阶段:环境准备与模型部署 1. 创建项目并安装核心依赖 打开你的终端,执行以下命令: # 1. 创建项目目录mkdir MyEmotionalTTS &&cd MyEmotionalTTS # 2. 创建Python虚拟环境(推荐) python -m venv venv # 在Linux/Mac上激活:source venv/bin/activate # 在Windows上激活:# venv\Scripts\activate# 3. 安装PyTorch (根据你的CUDA版本选择,以CUDA 12.1为例) pip install torch

从“写代码”到“说需求”:2026年AI辅助工具与大模型完全使用指南

从“写代码”到“说需求”:2026年AI辅助工具与大模型完全使用指南

一、写在前面:为什么你需要读这篇文章? 还记得几年前,我们写代码还在逐行敲键盘,遇到问题得去网上翻半天。 现在呢?AI能在几秒内生成整个函数,能帮你调试Bug,甚至能听懂你的口头描述直接写出代码。 2026年,AI辅助开发已经不再是“会不会用”的问题,而是“用得好不好”的问题。 但面对层出不穷的新工具——Cursor、Claude Code、OpenClaw,还有国内外一大堆大模型——很多人反而不知道怎么选了。 这篇文章是我花了整整一周时间,把这些工具全部上手试用后写的实战总结。 没有晦涩的技术黑话,全是白话文,保证你读完能知道: 这些工具到底是干什么的、怎么下载安装、实际用起来到底怎么样、哪个最适合你。 全文有点长,7000多字,建议先收藏。咱们按这个顺序聊: 1. AI编程工具三巨头:Cursor、Claude Code、OpenClaw 2. 国内外主流大模型:GPT、Gemini、Claude、DeepSeek、Kimi、