vscode+编程AI配置、使用说明

已于 2024-12-22 23:24:06 修改
阅读量8.1k 收藏 44
点赞数 24
分类专栏： # Qt开发经验 AI 开发工具 文章标签： vscode ide AI AI编程
于 2024-12-22 22:44:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43627907/article/details/144653997
版权

文章目录

1、概述

  • 市面上编程AI种类太多了，有免费的也有收费的，这里列出几种我常用的，并且觉得功能非常不错的编程AI在vscode中配置、使用的方式。

  • 不同的AI插件之间使用方式都是类似的，但也存在各自的特色。

  • 谈不上好坏，我全都要。😼

2、github copilot

github提供的编程AI；

背靠github庞大的开源代码，AI能力非常强大；

从2024年12月18日开始github copilot提供了免费版本，收费版本10美元/月。

2.1 配置

  • 打开vscode，安装插件GitHub Copilot，会自带安装GitHub Copilot Chat插件；

    在这里插入图片描述

    • GitHub Copilot：提供内联编码建议。
    • GitHub Copilot chat：一个扩展，提供会话AI窗口。

  • 安装完成后登录github进行授权。

  • 安装好后，可以在编辑器的左侧看到一个小图标，这个就是 Copilot 的图标，证明你已经安装成功了。

在这里插入图片描述

2.2 使用文档

2.3 使用说明

  • 在文件中鼠标右键可打开Copilot功能菜单；

在这里插入图片描述

  • 窗口标题栏的图标也可以打开Copilot菜单；

在这里插入图片描述

  • 窗口右下角的图标也可以打开Copilot菜单；

在这里插入图片描述

  • 快捷键Ctrl + i在代码中打开内联聊天，在聊天栏输入信息后Copilot会更加输入信息修改代码；
  • 快捷键Ctrl + Alt + i会在辅助侧栏打开Copilot聊天窗口，（不会修改代码）；
  • 快捷键Ctrl + Shift + i会在辅助侧栏打开Copilot聊天编辑窗口（会修改代码）；

在这里插入图片描述

  • 在windows/linux中出现Copilot提示时可通过快捷键Ctrl + [或者Ctrl + ]切换上一条提示和下一条提示；
  • 或者鼠标移动到提示上后也可以选择切换提示信息；

在这里插入图片描述

  • 鼠标选中代码就会出现星星图标，点击图标可对代码进行修改或者审阅；

在这里插入图片描述

  • 输入注释可根据注释信息生成代码；

在这里插入图片描述

3、文心快码（Baidu Comate）

百度出品的编程AI；

Baidu Comate 由文心大模型 ERNIE-Code 提供技术支持，通过对百度多年积累的非涉密代码数据和 GitHub 头部公开代码数据进行训练，为您自动生成完整的、且更符合实际研发场景的代码行或整个代码块，帮助每一位开发者轻松完成研发任务。

提供免费版和收费版本；

在这里插入图片描述

3.1 配置

  • 打开插件商店，输入comate进行安装；
  • 或者浏览器下载，然后进行安装；

在这里插入图片描述

  • 安装完成后需要登录百度账号进行授权；
  • 安装完成后在vscode右下角有图标。

在这里插入图片描述

3.2 使用文档

3.3 使用说明

  • 与github copilot不同的是，文心快码没有内联聊天，部分操作都不会直接修改源代码，而是在侧边栏聊天窗口中显示，如果确认需要使用了点击【采纳】按键才会将代码更新到源文件中。

在这里插入图片描述

  • 并且文心快码有一个特别出色的功能【Comate开放平台】；
  • 可通过配置实现更多功能，例如导入自己本地的文件、笔记，然后更加导入的文件进行分析、提示、问答。

在这里插入图片描述

4、豆包（MarsCode）

MarsCode 是豆包旗下的智能编程助手，提供以智能代码补全为代表的核心能力，支持主流编程语言及 IDE，能在编码过程中提供单行或整个函数的建议，同时支持在用户编码过程中提供代码解释、单测生成、问题修复、技术问答等辅助功能，提升编码效率与质量。

提供免费使用版本。

4.1 配置

  • 打开插件商店，搜索MarsCode进行安装；

  • 或者在浏览器下载进行安装；

  • 安装完成后可登录使用抖音账号进行授权；

  • 安装完成后在vscode右下角有图标。

在这里插入图片描述

4.2 使用文档

在这里插入图片描述

4.3 使用说明

  • 聊天窗口生成的代码不会直接修改源代码，而是在聊天窗口中给出几种使用方式，复制、插入光标位置、创建一个新文件并添加到新文件中，添加到当前文件中。

在这里插入图片描述

5、通义灵码（TONGYI Lingma）

阿里提供的编程AI；

通义灵码，是一款基于通义大模型的智能编码辅助工具，提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码注释生成、代码解释、研发智能问答、异常报错排查等能力，并针对阿里云 SDK/API 的使用场景调优，为开发者带来高效、流畅的编码体验。

提供免费使用版本。

在这里插入图片描述

5.1 配置

  • 打开插件商店，搜索TONGUI进行安装；
  • 或者打开浏览器下载安装；
  • 安装后需要登录使用阿里云账号进行验证或者支付宝账号验证；
  • 安装完成后在vscode右下角有图标。

在这里插入图片描述

5.2 使用文档

5.3 使用说明

聊天窗口生成的代码不会直接修改源代码，而是在聊天窗口中给出几种使用方式，复制、插入、创建一个新文件并添加到新文件中，diff比较内容差异。

在这里插入图片描述

【实战篇】VS Code 集成主流 AI 插件的方法实战
商务合作|问题讨论|交流学习 请联系作者微信，加微信请务必注明来意，博客主页有联系方式
02-07 1458
通过上面的步骤，咱们就成功地在 VS Code 里集成了几款主流的 AI 插件。这些插件各有各的优势，在你写代码的过程中能提供不同类型的帮助。当然，AI 插件虽然强大，但也不能完全依赖它们，还是得自己不断学习和提升编程能力。大伙在集成插件的过程中有啥问题，或者有什么使用心得，都欢迎在评论区留言交流，咱们一起玩转 VS Code 和 AI 插件！
【工程化实践】VSCode Python全栈配置：LangGraph框架开发指南
chuweiyan的博客
01-18 400
Github上项目琳琅满目、五花八门，学习LangGraph还是要打好基础，本文带你配置VSCODE环境，并从0新建一个LangGraph项目！在vscode中文件-新建文件，选择JupyterNotebook，命名为thinking_bot。：输入命令venv\Scripts\activate；，输入命令pipinstalllanggraph；：输入命令python-mvenvvenv；智能体的结构如下图所示，包括两个节点，和三条边，，并使用vscode打开该文件夹；到这里环境就配置好了，
Vscode的AI插件 —— Cline
专注于硬件开发，嵌入式研发，前后端数据技术，3D打印技术剖析。
01-28 8246
vscode的一款AI辅助吃插件，主要用来辅助创建和编辑文件，探索大型项目，使用浏览器并执行终端命令（需要多个tokens），可以使用模型上下文协议（MCP）来创建新工具并扩展自己(比较慢)。支持多个AI的API接入，比如Chatgpt，Deepseek，Claude 3.5 Sonnet等。
Cursor压力山大：VSCode 3月更新，原地化身免费AI代码编辑器
最新发布
m0_70486148的博客
04-07 1561
2025年3月，微软为VSCode带来了两项革命性的AI功能更新——Agent模式和MCP接入支持。这标志着VSCode正式从"智能编辑器"向"AI编程平台"的转变，也让开发者能够在任何环境下都能获得媲美Cursor、Windsurf等专业AI编辑器的体验。本文将深入解析这两项功能，并通过实际案例展示它们如何改变我们的编程方式。这两项功能的结合，意味着开发者现在可以在任何能运行VSCode的环境中（如客户现场、远程支持等）获得完整的AI编程体验，而无需安装额外插件或担心账号安全问题。
零门槛！手把手教你用VS Code + DeepSeek 免费玩转AI编程！（5分钟编写部署个人网站）
weixin_42782643的博客
02-28 2226
想用AI编程却不想掏腰包？别急，这篇教程教你如何用VS Code+DeepSeek+Cline+Continue免费打造AI编程助手！从下载软件到配置插件，再到生成代码、部署网站，手把手带你玩转AI编程。只需几分钟，你的个人网站就能上线，还能分享给小伙伴炫耀一番！快来试试，让AI帮你写代码，解放双手，轻松编程！
一分钟！我用VSCode+Cline+DeepSeek写了个游戏，0基础也能秒会（附案例）
yizhen91y的博客
02-12 1918
一分钟！我用VSCode+Cline+DeepSeek写了个游戏，0基础也能秒会（附案例）
vscode中调用deepseek实现AI辅助编程
分享Python、数据分析、人工智能前沿知识
12-30 1万+
大家好我是费老师，最近国产大模型新版本凭借其优秀的模型推理能力，讨论度非常之高🔥，且其官网提供的相关大模型API接口服务价格一直走的“价格屠夫”路线，性价比很高，本期文章中，就将为大家举例，如何在vscode中，基于开源AI编程辅助插件Continue，配置基于Deepseek的API接口，实现常用的AI编程辅助等功能。
VS Code 与AI编程助手
q45364926的博客
12-05 4352
Fitten Code 能够根据您的代码自动生成相关注释，通过分析您的代码逻辑和结构，为您的代码提供清晰易懂的解释和文档，不仅提高代码的可读性，还方便其他开发人员理解和使用您的代码。Fitten Code 能够根据您的代码自动生成相关注释，通过分析您的代码逻辑和结构，为您的代码提供清晰易懂的解释和文档，不仅提高代码的可读性，还方便其他开发人员理解和使用您的代码。（1）选中需要进行翻译的代码段，右键选择"Fitten Code – 重构选择代码"，然后在输入框中输入需求即可完成转换。有以下两种方法可以实现。
VSCode中的AI工具
专注于编程智能体和AI原生开发领域的分享
12-21 5026
GitHub Copilot扩展是一个AI配对程序员工具，可以帮助您更快，更智能地编写代码。你可以使用VS Code中的Copilot扩展来生成代码，从它生成的代码中学习，甚至配置你的编辑器。
VSCODE离线使用AI大模型生成、纠错代码
weixin_43012017的博客
05-13 6087
我本地安装的是lamma3模型，所以我选择的llama3，如果本地有其他模型也可以选择其他的模型。打开VSCODE->点击左侧导航栏的”CODE GPT“->选择相应的模型。
如何在你vs code和idea编译器使用AI
weixin_41422591的博客
08-29 1800
如何在你vs code和ide编译器使用AI
AI 编程组合之deepseek+vscode+cline插件，使用deepseek大模型实现代码自动生成
技术博客
01-02 7万+
本文介绍了VSCODE下cline插件的安装结合DeepSeek-V3，ai编程的组合套件，举了两个例子一个是生成登录页面，一个是生成贪吃蛇游戏
VSCode+AI编程生态实战：从环境配置到智能编码的全栈指南
智享食事的博客
03-09 419
在搭建这个之前，或者说大家在打算安装VSCode之前，需要先检查自已电脑是否已经安装了VSCode，因为这个软件是Windows自带的轻量级的软件，当然如果不习惯用VSCode，用PyCharm也是一样的，原理基本相同。2.设置UI界面和settings.json界面切换（任意切换），可图形化界面设置，也可以在settings.json设置，根据操作习惯来选择。1.settings.json文件在哪（打开settings.json方式）（4）注意：上面是全局的，如果是针对项目的设置，则在项目下面找。
手把手教你用VSCode+腾讯云AI代码助手使用DeepSeek-R1打造智能开发环境
Lycos
02-26 898
通过这篇指南，你是否已经跃跃欲试？不妨现在就打开VSCode，让腾讯云AI代码助手为你推开高效开发的大门，体验“所想即所得”的编程未来！欢迎关注博主「六月暴雪飞梨花」或加入【六月暴雪飞梨花社区】一起学习和分享Linux、C、C++、Python、Matlab，机器人运动控制、多机器人协作，智能优化算法，滤波估计、多传感器信息融合，机器学习，人工智能等相关领域的知识和技术。
从零开始:在服务器上部署大模型并集成到 vscode +Cline使用
gerouhsius的博客
01-14 7502
Qwen 系列模型是阿里巴巴开源的一系列强大的大语言模型， 具有优秀的性能和广泛的应用场景。在本文中， 我将引导你一步一步地在阿里云服务器上部署 Qwen 大模型，并将其集成到 Cline 插件中。通过 Ollama 和 Cline， 你可以方便地在本地运行大模型，并且可以通过 Cline 插件进行对话。你需要使用 SSH 客户端连接工具， 例如 Xshell 或者其他类似的工具，连接到你的阿里云服务器。恭喜你， 你已经成功地在阿里云服务器上部署了 Qwen 大模型，并将其集成到 Cline 插件中！
给VSCode插上一双AI的翅膀
热门推荐
Java 技术专栏，从入门到精通，熟悉企业级开发
10-29 21万+
DevChat是一款基于自然语言处理技术的聊天机器人，集成了GPT3.5、GPT4.0、XINGHUO-2、CLAUDE-2、LLAMA-2-13B-CHAT等大模型，它可以通过自然语言对话的方式与开发者进行交流，帮助开发者更高效地完成编程任务。
VSCode神仙插件——Codeium (AI编程助手)
ly_twt的博客
07-07 1万+
但是通过类型注解，你可以在代码中添加类型信息，以帮助开发者理解代码的意图，并通过类型检查工具（如mypy）来确保代码的类型安全。安装过程中会让你登录Codeium账户，可以通过Google账户登录，或者可以注册一个Codeium账户（如果没有弹出让你登录账户的界面，可以等安装结束后在右下角找到登录的地方）在Python中，要使代码具有强类型，你需要确保所有变量都有明确定义的类型，并且这些类型在使用过程中不会改变。这样的函数就是强类型的，因为所有的变量类型都是明确且不会改变的。，它们都被指定为整数类型 (
VSCode 中使用 AI智能编程工具的几个小妙招
马沛专栏
12-13 1196
在使用内置命令时，如果没有选中编辑框中的任何代码，在侧边栏对话框中使用内置命令“/Explain”、“/Comment”、“/tests”时，就会对编辑框中的全部代码，输出代码解释、添加注释和生成单元测试这样的结果。使用内置命令，不仅仅是简化操作，用户不必一遍一遍在聊天框中输入类似“请解释一下这个代码”的prompt，只需要输入“/Explain”、“/Comment”、“/tests”等。在访问资源管理器的同时，使用。对代码进行解释，添加注释，生成单元测试代码，代码修复的这几个功能，但是总有些“Wow！
AI助力，从零基础开发一个vscode插件
CatchLight的博客
03-27 1911
在日常的代码开发中，总会遇到很多很小的知识点，想用却无从记起。尤其是在日常的前端开发，想要添加一个自己想要的css样式，却又想不起属性名，然后再css网站和笔记中搜索。当时想，如果能在IDE中内嵌一个AI编程助手就好了。后来GitHub推出了Copilot，再后来腾讯云基于混元大模型，推出了腾讯云AI代码助手。在惊喜之余，更多的是想要体验一下腾讯云AI代码助手的功能。最后就是在package.json中声明命令，并在中将其快捷键定义为。
VSCODE+DEEPSEEK 编程
02-27
### 如何在VSCode中使用DeepSeek进行编程 #### 安装必要的扩展和工具 为了能够在Visual Studio Code (VSCode) 中高效地利用 DeepSeek 进行开发工作，安装合适的插件至关重要。确保已安装最新版本的VSCode之后，可以前往官方市场寻找支持DeepSeek功能的相关扩展。 #### 配置环境变量与设置 配置好本地开发环境对于集成DeepSeek同样重要。这通常涉及到调整系统的环境路径以及修改IDE内部的一些特定参数来适应不同项目的需求[^1]。 #### 使用DeepSeek特性 一旦完成了上述准备工作，在编写代码时就可以充分利用DeepSeek所提供的各项能力了。比如借助其强大的语义理解技术实现更精准的自动补全；或是运用自然语言处理的优势帮助开发者更好地理解和优化现有程序逻辑结构。 ```json // settings.json example configuration for enhancing compatibility with certain tools like DeepSeek. { "editor.quickSuggestions": { "other": true, "comments": false, "strings": true }, "deepseek.enableAIAssist": true, // Hypothetical setting to enable AI assistance features provided by DeepSeek } ``` 请注意实际操作过程中可能需要依据个人情况做出适当调整，并参照产品文档获取最准确的操作指南[^2]。 #### 调试与性能分析 除了日常编码外，调试也是不可或缺的一环。通过结合使用DeepSeek特有的调试器视图和支持服务端口转发等功能，能够极大地方便远程项目的测试过程并提高效率。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mahuifa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值