要在Agent Space中同时查看多个项目运行效果,需切换至AgentSpace模式,构建含有效配置文件的多项目目录结构,执行code-server --multi-project --port=8081启动服务,并通过多个浏览器页签分别访问各项目预览地址。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在 Agent Space 中同时查看多个项目的运行效果,必须绕过单项目预览的默认限制,直接调用平台底层的预览接口并注入多项目上下文。
确认当前已进入 Agent Space 模式
在华为云码道界面左上角模式栏中,点击“Space”按钮,确保顶部状态显示为 【AgentSpace】 而非 “Code” 或 “DevOps”。若仍停留在其他模式,后续所有操作将无法识别多项目结构。
准备多项目目录结构
在本地工作区根目录下,创建一个统一入口文件夹,例如命名为 multi-project-root;
将待预览的多个项目(如 project-a、project-b、project-c)以子目录形式放入该文件夹,且每个子目录内必须包含有效的 project.json 或 space.yaml 配置文件;
注意:任意一个子项目缺失配置文件,会导致整个多项目加载失败,且无明确报错提示——只会静默跳过该目录。
启动多项目预览服务
打开终端,cd 进入 multi-project-root 目录;
执行命令:code-server --multi-project --port=8081;
该命令会启动一个支持跨项目资源路由的轻量服务,端口固定为 8081(不可省略 --port=8081,否则默认端口与单项目冲突);
服务启动后,浏览器访问 http://localhost:8081,页面自动加载项目选择面板,列出全部有效子项目。
在浏览器中切换并预览不同项目
第一步:点击左侧项目列表中的 project-a,右侧 iframe 实时加载其 /project/run/{projectUid} 预览页;
第二步:保持当前标签页不关闭,在顶部导航栏点击「+ 新建预览页」按钮;
第三步:新页签中手动输入地址:http://localhost:8081/project/run/{projectUid-b}(UID 可从对应子目录 project.json 的 "uid" 字段获取);
第四步:重复第三步,为 project-c 打开第三个独立页签;
此时三个页签各自隔离运行,互不干扰,可同步观察不同项目的实时渲染效果与控制台输出。


















