IDE 界面介绍与基本操作

EasyCoda 提供了一个类 VS Code 的云端集成开发环境（IDE）。以下是主要功能区的详细介绍。

1. 顶部工具栏 (Toolbar)

位于编辑器右上角，提供项目级的核心操作：

图标	名称	功能描述
💬	显/隐聊天	切换 AI 对话面板的显示/隐藏，增大代码阅读区域。
📂	显/隐文件树	切换左侧文件资源管理器的显示状态。
🖥️	预览面板	在编辑器右侧打开内置浏览器，实时预览代码效果。
⏳	提交历史	查看 AI 生成代码的历史版本，支持一键回滚到任意时间点。
🔄	刷新应用	强制刷新预览窗口，当代码变更未及时生效时使用。
↗️	独立预览	在浏览器新标签页中打开预览链接，适合全屏调试或分享。
📥	下载源码	将当前项目的所有文件打包为 .zip 下载到本地。
🚀	部署应用	触发 CI/CD 流程，将代码构建为 Docker 镜像并发布到 K8s 集群。
🔗	分享/Token	生成分享链接。如果是私有项目，会生成带有时效性 Token 的安全链接。
👥	邀请协作	生成邀请码，邀请他人加入当前项目进行协作。

2. 资源管理器 (左侧)

显示项目的文件目录结构。

• 支持点击文件进行代码查看和编辑。
• 手动编辑：您可以直接修改 AI 生成的代码，AI 在后续对话中会读取您的修改。

3. Web Terminal (终端)

在底部状态栏上方，您可以呼出 Terminal。

• 这是一个真实的 Linux TTY 终端，连接到您项目的运行容器。
• 您可以在此执行 npm install、pip install、ls、cat 等命令。
• 注意：终端访问受 JWT Token 保护，确保只有授权用户可以操作。

4. AI 聊天面板

您与 AI Agent 交互的核心区域。

• 继续对话：在项目创建后，您可以继续输入指令，如 "把按钮改成圆角"，AI 会修改现有代码。
• 上下文感知：AI 知道您当前选中的文件和代码内容。