Leebox:把 AI 编程助手嵌入 VS Code 侧边栏
不用切换窗口,不用复制粘贴,让大模型就在编辑器里陪你写代码。
一句话介绍
Leebox 是一款将 AI 对话面板嵌入 VS Code 侧边栏的插件,基于 OpenRouter 平台提供多模型对话与代码编辑能力。
下载安装
- VS Code Marketplace:https://marketplace.visualstudio.com/items?itemName=leeb.leebox
- 一键安装(需本地已安装 VS Code):vscode:extension/leeb.leebox
为什么需要它?
AI 辅助编程已经成为日常,但很多人都有过这样的体验:
- 在浏览器和编辑器之间来回切换,上下文不断被打断;
- 想把当前文件发给 AI,需要手动复制粘贴;
- AI 生成的代码想用到项目里,又要复制、找位置、粘贴;
- 每个模型都要单独注册、配置 API Key,门槛不低;
- 希望 AI 用中文回答,却总要额外叮嘱。
Leebox 的想法很直接:把 AI 无缝嵌入你的编码工作流,让它像侧边栏一样常驻,随时可用。
核心功能
🤖 20+ 内置 OpenRouter 免费模型
涵盖 GPT、Claude、Kimi、Llama、GLM、Qwen、Gemma、Nemotron 等主流模型。其中实测可用的模型会标有 ⭐ 推荐,省去你一个个试错的麻烦。
📄 一键引用当前文件
勾选「引用当前文件」后,Leebox 会自动把当前打开的文件内容作为上下文发送给 AI,让模型基于真实代码作答,回答更精准。
✍️ 代码直接应用到编辑器
AI 返回的代码块下方会显示操作按钮:
- 插入到光标:把代码插入当前光标位置;
- 替换整个文件:一键用 AI 生成的新代码覆盖当前文件。
🖼️ 多模态附件支持
支持上传图片或文本文件作为附件:
- 图片会自动转为 base64 dataUrl,作为视觉输入发送给模型;
- 文本文件可直接作为上下文补充。
🇨🇳 默认简体中文回答
内置系统提示要求 AI 始终使用简体中文,对中文开发者更友好。
🎨 Markdown 渲染
支持标题、粗体、斜体、行内代码、代码块、列表、链接等常见 Markdown 格式,阅读体验接近文档页面。
⌨️ 快捷键发送
输入完成后按 Ctrl + Enter 即可快速发送消息,不需要点按钮。
🔑 可配置 API Key
- 留空即可使用插件内置的默认 Key,开箱即用;
- 也可以在 VS Code 设置中填入自己的 OpenRouter API Key,更灵活。
🖱️ 拖拽上传
直接把文件拖到 Leebox 面板中即可添加为附件,操作自然流畅。
使用流程
- 点击 VS Code 左侧活动栏的 Leebox 图标,打开 AI 面板;
- 在下拉框中选择想使用的模型;
- 在输入框中描述问题或需求;
- (可选)勾选「引用当前文件」,把当前编辑器内容作为上下文;
- (可选)点击「上传文件/图片」,或拖拽文件添加附件;
- 点击「发送」或按
Ctrl + Enter,等待 AI 回答; - 对回答中的代码块点击「插入到光标」或「替换整个文件」。
技术亮点
- 纯 Webview 实现的侧边栏面板,UI 风格与 VS Code 主题保持一致;
- 实时同步当前文件名:监听
onDidChangeActiveTextEditor,AI 始终知道你正在编辑哪个文件; - 自定义 Markdown 渲染器:逐行扫描代码块,生成带「应用」按钮的代码块组件;
- 代码应用通过 VS Code
editor.editAPI 实现,支持插入、替换选区或全文件替换; - 多模态输入:图片附件读取为 base64 后作为
image_url类型消息发送给 OpenRouter; - 内置默认 API Key,降低首次使用门槛,同时支持用户覆盖配置。
适合谁用?
- 希望把 AI 深度集成到编码流程的开发者;
- 学生、独立开发者、技术爱好者;
- 经常需要代码重构、修 bug、加功能的程序员;
- 想对比多个免费模型效果的 AI 尝鲜者。
典型场景
- 日常编码问答、算法讲解、技术概念查询;
- 基于当前文件进行代码重构、修 bug、加功能;
- 图片相关的编程辅助,例如 UI 截图分析、流程图识别;
- 减少上下文切换,把问答和改代码集中在同一个窗口完成。
写在最后
Leebox 不追求成为最强大的 AI 客户端,它只专注于一件事:让 AI 离你正在写的代码更近一点。当你不需要再复制粘贴、不再需要切窗口、不再需要手动传上下文时,AI 才真正成了你工作流的一部分。
如果你也希望编辑器里常驻一个懂代码的助手,Leebox 值得一试。
