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

网址

Caption

type

date

slug

summary

一）VSCode 编程软件

1、VSCode介绍

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

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

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

2、下载安装

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

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

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

安装好后默认打开的界面

3、VS Code配置

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

中文插件（必做）

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

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

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

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

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

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

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

点击 open Folder

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

选择新人文件夹目录

4、VSCode界面速览

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

活动栏：左侧窄条，包含文件浏览、搜索、扩展等图标按钮

侧边栏：显示文件目录、搜索结果等，可通过活动栏切换内容

编辑区：中央主区域，用于编写和修改代码，支持多文件标签页

终端/输出面板：底部区域，可执行命令、查看运行结果和错误信息

状态栏：底部信息条，显示当前文件类型、行列位置等状态

实用快捷操作：

按 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。

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

3、插件介绍

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

官方文档：https://docs.roocode.com/

提示词设置

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