VSCode - AI编程插件Roo Code的安装与使用教程(接入第三方API)
作者:hangge | 2026-06-02 10:26
随着 AI 编程助手逐渐从“补全代码”走向“自动执行开发任务”,Roo Code 这类工具开始受到关注。Roo Code 是一个面向 VS Code 的开源 AI 编程代理,能够直接访问文件系统、控制终端,并支持多步骤工作流。它的目标不是只帮你写一两行代码,而是把“提需求、改代码、跑命令、看结果”串成一个完整的协作流程。下面我将演示如何在 Visual Studio Code 中安装并使用 Roo Code。
1,安装 Roo Code 插件
打开 VSCode,在扩展市场搜索 Roo Code 进行安装,安装完成后选择信任发布者。

2,配置 Roo Code
(1)Roo Code 安装后还不能直接工作,因为它需要连接一个 LLM 提供方。我们点击界面左侧的 Roo Code 图标,然后点击“Get Started”按钮。

(2)接着 API Provider 选择 OpenAI Compatible(Coding Plan 接口兼容 OpenAI 标准)

(3)然后填写如下相关信息,这里以京东的 Code plan 为例:
- Base URL:https://modelservice.jdcloud.com/coding/openai/v1
- API Key:获取 APIKey
- Model:配置 Model Name

(4)最后点击最下方的 Finish 按钮完成配置。

3,使用样例
(1)假设系统登录页是下面这个样子。

(2)我们希望增加一个记住密码功能,同时调整下页面色调。可以在 Roo Code 对话框中输入需求回车。
提示:为了避免 Roo Code 直接修改我们代码而导致结果不符合预期,我这里先使用 Architect 模式进行规划。

(3)然后 Roo Code 就会开始规划。规划完毕后,Roo Code 就是展示本次修改的目标和涉及到的代码,并询问我们是否按当前方案执行。

(4)最后修改后的登录页效果如下。

全部评论(0)