布局介绍
CloudStudio 针对不同场景（开发/学习）设计了差异化界面布局，以下为两大核心模式的区域功能说明及通用自定义操作指南：
一、应用模式（开发场景）
聚焦项目开发全流程，界面包含 四大核心区域，高效集成开发工具与协作功能。
| 区域 | 核心功能 | 关键特性 |
|---|---|---|
| 1. 顶部栏 | 全局控制中心：侧边栏开关、菜单、分享、运行配置、算力调整、窗口缩放、帮助/客服、用户信息 | 支持自定义运行参数，一键触达高频开发功能（如算力切换、工程分享） |
| 2. 工程区域 | 多环境项目管理：按环境筛选文件、版本对比、远程同步 | 适配复杂项目结构，保障多环境文件一致性 |
| 3. 代码区域 | 代码编写与编辑主界面 | 集成语法高亮、智能提示等基础编辑功能 |
| 4. 插件区域 | 开发工具集成：Git、终端、调试、扩展、AI 代码助手等 | 终端支持依赖安装/部署，AI 助手实时辅助编码，提升开发效率 |
二、教学模式（学习场景）
围绕「理论-实践-验证」学习闭环，界面包含 五大核心区域，降低编程入门门槛。
| 区域 | 核心功能 | 关键特性 |
|---|---|---|
| 1. 顶部栏 | 学习流程控制：侧边栏开关、章节切换、进度标记、算力切换、窗口缩放、帮助/客服、用户信息 | 支持按学习进度跳转章节，快速获取帮助资源 |
| 2. 工程区域 | 学习代码管理：按语言（Python/Java 等）分类文件、右键创建模板 | 贴合学习路径的文件分类，简化新手文件操作 |
| 3. 教案区域 | 图文+代码教学：理论讲解与代码示例结合，支持代码一键复制、目录跳转、重点高亮 | 理论与实践同步呈现，复制代码可直接实践，减少输入错误 |
| 4. 代码区域 | 交互式编程练习：支持 Jupyter 式交互（Python）、自动导包（Java）、实时语法纠错 | 分步调试反馈，适配新手学习习惯 |
| 5. 插件区域 | 学习辅助工具：Web 预览、测试、AI 代码助手等 | Web 预览实时查看前端效果，AI 助手对话式解答问题，降低学习难度 |
三、通用设置：自定义布局
所有模式均支持灵活调整界面比例，操作步骤：
- 将鼠标悬停至任意两区域分隔线；
- 待指针变为 「←→」 时，按住左键拖动；
- 释放鼠标完成调整，适配个人操作习惯。
| 关键