VSCode 集成
概述
wescode 是基于 Code OSS(开源 VSCode)的深度定制 Fork,在保留 VS Code 完整编辑能力的基础上,原生集成了 AI Agent 能力。你可以像使用 VS Code 一样使用 wescode,同时获得 AI 编程助手的全部功能。
Activity Bar
wescode 在 VS Code 左侧 Activity Bar 中添加了以下 AI 相关入口:
Chat 面板
点击 Activity Bar 中的对话图标打开 AI Chat 侧边栏:
- 支持多轮对话,AI 具备完整的工具调用能力
- 每个工作区拥有独立的对话历史
- 可切换不同 Agent 角色(通过上下文切换条)
- 支持
@引用和/斜杠命令
项目概览
点击图谱图标打开项目概览面板,包含三个区域:
- 代码结构:项目文件和模块的整体视图
- 调用图:基于 D3.js 的交互式函数调用关系图
- 索引状态:CKG 代码知识图谱的构建进度
Agent 列表
查看和管理当前工作区配置的 AI Agent,每个 Agent 可以有不同的提示词、工具权限和技能配置。
技能管理
管理当前工作区安装的 Tier C 技能包。技能为 AI 提供特定领域的指令和最佳实践。
状态栏
wescode 在底部状态栏显示关键 AI 状态信息:
AI 就绪状态
- AI 就绪:引擎启动完成,可以开始对话
- 无工作区时状态栏项隐藏(需要先打开文件夹)
索引进度
CKG 代码知识图谱正在构建时,显示进度条和百分比。索引完成后自动隐藏。索引覆盖的代码越多,AI 对项目的理解越深入。
WES 欠费提示
如果你使用 WES 平台托管的 LLM 服务且余额不足,状态栏会显示黄色警告。此时可以切换到自有 BYOK Provider 继续工作。
CKG 代码智能增强
HoverProvider
将鼠标悬停在函数/方法名上时,除了标准的类型信息,还会显示:
- 调用者:哪些函数调用了当前函数
- 被调用者:当前函数调用了哪些函数
- 引用计数:被引用的次数
CodeLensProvider
在函数定义上方显示调用关系指标:
3 references | 2 callers | 5 calls
function processOrder(order: Order) {
点击可展开详细的调用链信息。
Chat 面板
上下文快照条
Chat 面板中会显示 ContextSnapshotBar,展示 AI 在当前回复中使用的上下文片段(CKG 检索结果等),帮助你理解 AI 的信息来源。
消息气泡
AI 的回复以消息气泡形式展示,支持:
- Markdown 渲染(代码块、表格、列表)
- 工具调用结果的折叠/展开
- Plan 进度追踪
- 错误信息和重试操作
内置终端
AI 执行的命令在专用终端 tab 中显示:
[AI] go build ./...— 验证类命令的只读 tab- 常规 tab — 交互类命令(如
npm start) - 检索类命令(如
rg)在后台静默执行,结果显示在 Chat 中
详见 Terminal 与命令路由。
多窗口支持
wescode 支持同时打开多个工作区窗口,每个窗口绑定独立的 Go 后端进程和 Cell:
- 不同工作区之间数据物理隔离
- 同一工作区的多个窗口共享同一 Go 进程
- 同一时刻每个工作区最多一个正在进行的 Chat Run