如何白嫖Claude3.5/claude3.7进行AI编程?

易安说AI
0 阅读7分钟

你好，我是易安。今早google关闭了Gemini2.5Pro 的免费API，瞬间工作效率降低至冰点，不知道你怎么样？下午发现了热心大佬提供的方案，可以免费使用Claude3.5甚至免费使用Claude3.7，话不多说，开讲！

一、环境搭建与AI编程插件学习

一）VSCode 编程软件

1、VSCode介绍

VSCode是微软开发的免费代码编辑器，被全球数百万开发者使用。它轻量快速、界面友好，非常适合编程新手入门。它支持HTML、CSS和JavaScript等网页开发语言，还能通过安装插件扩展功能。

与传统编辑器相比，VSCode提供了代码高亮、自动补全和实时预览等功能，让编程更加直观高效。最重要的是，它可以与AI助手完美结合，让零基础学员也能快速上手开发。

在本教程中，VSCode将作为我们的主要开发工具，搭配Roo Code插件和顶级大模型，帮助你轻松实现从想法到成品的转变。

2、下载安装

  1. 打开vscode官网， code.visualstudio.com/download

  1. 一般直接点击windows 10,11图标下载，如果你是苹果电脑，请下载Mac版本。

  1. 勾选所有，点击下一步就好了。

安装好后默认打开的界面

3、VS Code配置

1) 安装必要环境

安装完成后，VS Code 需要先提前配一些环境和偏好设置，比如中文语言

  1. 中文插件 （必做）

点击插件按钮，搜索框输入 chinese ，点击 install

安装好后，右下角会有一个弹框，提醒你重启VsCode生效

  1. 设置主题：VS Code提供了多种主题供选择，您可以根据自己的喜好选择亮色或暗色主题。选择"文件" > “首选项” > “颜色主题”，然后从列表中选择一个主题，如下图所示：

我选择浅色，切换成了白色的背景

  1. 设置字体大小：为了提高代码阅读的舒适度，您可以调整编辑器中的字体大小。这可以通过菜单栏的"文件" > “首选项” > “设置”，然后搜索"字体"来完成。

进来首选项设置里，搜索字体，出来后，可以选择字体大小，如果你觉得代码展示太小可以调成16，不建议调的过大，否则一屏展示不了多少代码。

  1. 设置自动保存：为了防止意外丢失代码，建议启用自动保存功能。这可以通过设置中的"files.autoSave"选项，默认是off关闭的状态，可以选择onFocusChange打开，意味着点击窗口就会自动保存，但让这样配置会占用一丢丢内存。

2) 创建工程文件夹
  1. 点击 open Folder

  1. 选择打算存放代码的文件夹

选择新人文件夹目录

4、VSCode界面速览

VSCode界面简洁直观，主要分为五个部分：

  1. 活动栏：左侧窄条，包含文件浏览、搜索、扩展等图标按钮
  2. 侧边栏：显示文件目录、搜索结果等，可通过活动栏切换内容
  3. 编辑区：中央主区域，用于编写和修改代码，支持多文件标签页
  4. 终端/输出面板：底部区域，可执行命令、查看运行结果和错误信息
  5. 状态栏：底部信息条，显示当前文件类型、行列位置等状态

实用快捷操作：

  • 按 Ctrl+Shift+P（Windows）或 Cmd+Shift+P（Mac）打开命令面板
  • 按 Ctrl+N 创建新文件
  • 侧边栏可通过左上角图标关闭/展开，获得更多编辑空间

在本训练营中，你主要会用到编辑区编写代码，侧边栏查看文件，以及Roo Code插件对话窗口与AI进行交互。

二）Roo Code AI编程插件

1、Roo Code插件安装教程

首先，在左侧找到扩展图标并点击，然后在搜索框中输入Roo Code。等待加载完成后，点击install。

安装成功后，左下角会出现一个袋鼠图标。将其拖动到右侧.

2、RooCode插件配置(必做)

点击锯齿状的设置按钮

如果以上参数已经配置过，需要修改，点击右上角齿轮按钮，重新设置，注意如果参数配置按钮点击没反应，重新启动一下vscode。

1）填写配置文件名，任意填写，我填的是Claude，不指定就是default
2）API提供商选择：OpenAI Compatible
3）OpenAI 基础URL
4）OpenAI API 秘钥，文末领取

5）模型填写：claude-3-5-sonnet-20241022，不要填写其他模型，会有问题

填写好点击最上面保存和完成

3、插件介绍

1）官方介绍

Roo Code是一款强大的VSCode AI编程助手插件，能够帮助开发者编写、解释和调试代码。它通过连接到各种AI模型提供商，将大语言模型的能力带入你的编码环境。

官方文档：docs.roocode.com/

2）主界面和常用功能
a.基础面板

b.高级功能

提示词设置

roo code 内置了架构师、编码、调试、实施、问答，等多种角色，都提供不同的功能、专业知识和访问级别，意味着你可以给不同的模式绑定不同的API配置，举个例子架构师这个模式选择用gemini2.5pro模型，code模式选择用claude 3.7模型，每个内置的AI助手可以高度定制化，更加灵活，如果你是新手，建议保持默认即可。

c.MCP服务设置

开启MCP功能，允许调用MCP服务，这里的MCP配置是通用的，可以将你的cursor，claude设置的MCP配置文件直接粘贴过来

d.工具访问权限

Roocode 内置了一些工具，如上图所示，读，写，浏览器，重试，MCP，模式，子任务，执行。

读：通常用于分析代码，AI阅读本项目的文件以及本项目外的文件

写：创建一个文件，写代码进去

执行：在终端执行任务，比如一些命令

实际上用户在输入框输入时，AI会自动去调用这些工具，如果没有勾选自动批准，则AI会每次询问用户是否执行，勾选自动批准有点类似cursor的yolo模式，会直接修改代码，特别在已有项目中改代码时要特别注意。

e.插件的角色

f.@可以调用上下文，选择文件夹或者文件甚至URL、终端，比如你要分析某个代码文件，可以添加对应文件

3）连接AI的原理

Roo Code 需要 AI 模型提供商提供的 API 密钥才能运行，这里我们采用的是openAI compatible的方式，方式3

5、插件使用教程

1）在VSCode中打开或创建一个代码文件

我这里是提前创建好了一个文件夹，选择的是打开一个文件夹

File-> Open Folder

打开后的结果如下：

打开侧边栏，AI聊天窗口区域

2）点击Roo Code侧边栏上的"+"号开始新对话

切换至roocode的窗口

3）开始使用

输入你的问题或请求，例如：

设计一款主题化的贪吃蛇冒险游戏，蛇的形象是一条小龙，在不同的环境中冒险（森林、沙漠、冰原等）。
每个环境有不同的视觉风格和独特的障碍物。食物种类多样，不同食物提供不同的效果（增长速度、临时无敌等）。
加入简单的关卡进度系统，完成一定目标后解锁新场景。提供个性化定制选项，允许玩家更改龙的颜色和装饰物。
游戏界面采用卡通风格，动画丰富生动。

效果如下：

文中用到的地址和密钥可以添加博主微信领取，同时​为大家准备了8万字的AI编程手册，添加微信：20133213，备注AI编程手册，同时邀请你来我的AI编程交流群，一起交流AI编程的最新玩法。图片

我是易安，一位专注AI技术研究的AI超级个体。每天为大家带来前沿AI工具评测和实践经验，用通俗易懂的方式解读复杂的技术概念，主页找到我，一起探索AI技术的无限可能！

avatar
文章
阅读
粉丝