基本编辑器概览

Cloud Workstations 附带一个默认的基本编辑器,让您可以编写、构建、测试、调试和运行应用。基本编辑器基于 Code-OSS 开源项目,支持随 Open VSX Registry 提供的 IDE 扩展程序,并且预安装了 Cloud Code IDE 扩展程序。

如需开始使用 Cloud Workstations 基本编辑器,请执行以下操作:

  1. 按照快速入门说明创建工作站配置。当系统提示您选择环境自定义时,请选择 Code OSS (default) 作为代码编辑器。
  2. 按照快速入门说明,使用您刚刚创建的配置创建工作站

  3. 在 Google Cloud 控制台中,转到 Cloud Workstations 页面,从浏览器启动工作站。

    转到 Cloud Workstations

活动栏

活动栏显示在侧边,您可以访问 Cloud Workstations 基本编辑器中提供的视图。这些活动栏视图如下所示:

  • 探索器:查看当前工作区中的文件夹和文件

  • 搜索:在文件中搜索字符串或正则表达式

  • 源代码控制:借助 Cloud Workstations 基本编辑器的 Git 支持来管理应用文件

  • 调试:通过设置断点和检查变量来调试应用

  • 扩展程序:搜索可向您的 IDE 添加其他功能的扩展程序目录

  • Cloud Code:直接从 IDE 创建和部署 Google Cloud 应用

  • Settings:自定义 Cloud Workstations 基本编辑器,使其适合您的工作流

查看和编辑文件

内置的代码编辑器,可用于浏览文件目录以及查看和编辑工作站内的文件。

如需使用基本编辑器,请按以下步骤操作:

  1. 使用 Activity Bar 可在视图之间切换。

  2. 使用编辑器查看和修改您的文件。

  3. 使用“探索器”视图可以浏览文件目录、上传和下载文件、预览 Cloud Workstations 虚拟机实例上的 Web 应用以及查看使用情况统计信息。

    图 1. Cloud Workstations 基本编辑器

上传和下载文件和目录

如需在 Code-OSS Explorer 视图中上传或下载文件和目录,请使用以下任一方法:

  • 将文件拖到“探索器”视图上,即可将其添加到工作区。

  • 转到您要使用的文件和目录,右键点击,然后选择 UploadDownload

    图 2. 在“探索器”视图中右键点击即可上传和下载文件

语言支持

Cloud Workstations 基本编辑器通过扩展程序支持 Go、Python、Java、.NET Core 和 Node.js 等语言,并提供如下语言功能:

  • 智能突出显示、代码建议和基于上下文的补全
  • 执行 lint 请求并提供描述性错误
  • 代码导航(转到定义、声明、引用和实现)
  • 直观调试支持

Cloud Code 集成

Cloud Code 可为 Kubernetes 和 Cloud Run 应用的整个开发周期提供 IDE 支持,从通过示例应用创建和自定义新应用到运行已完成的应用,不一而足。Cloud Code 还通过可直接运行的示例、配置代码段和量身定制的调试体验在整个过程中为您提供支持。

Cloud Code 集成了 AI 赋能的协作工具 Gemini,可简化开发工作。使用 Gemini 完成任务

Cloud Code 支持采用 Node.js、Python、Java、Go 和 .NET Core 开发应用。

除了 Cloud Workstations 状态栏中提供的 Cloud Code 菜单外,您还可以通过命令面板访问 Cloud Code 命令。如需打开命令面板,请按 Ctrl+Shift+P(在 macOS 上,按 Command+Shift+P),或者依次点击查看 > 命令面板

版本控制支持

Cloud Workstations 基本编辑器附带预配置的版本控制。 您可以初始化代码库、设置不同文件状态差异、阶段、取消暂存和提交更改。您还可以使用公共代码库、私有代码库甚至自托管的代码库,只要可以从工作站访问这些代码库即可。

工作区管理

借助 Cloud Workstations,您可以将项目管理和配置工作区。工作区通常表示根项目文件夹,借助 Cloud Workstations 基本编辑器,您可以创建、打开和保存工作区,以及使用特定于项目的设置对其进行自定义。

如需将文件夹作为工作区打开,请使用活动栏顶部的菜单,然后依次选择文件 > 打开文件夹。或者,您也可以在基本编辑器的欢迎页面上使用打开文件最近用过的工作区选项,或使用网址参数 folder 指定要打开的文件夹的路径,例如 &folder=/home/user/foo

调试应用

Cloud Workstations 支持 Go、Node.js、Python 和 Java 应用,可让您调试应用。您可以创建启动配置、设置断点和检查变量,所有这些操作都可以在 Cloud Workstations 中完成。

此外,您还可以调试本地集群(如 minikube 或 Docker Desktop)、GKE 上的远程集群或任何其他云服务提供商处的 Kubernetes 应用。

集成式终端

您可以通过集成式终端与底层开发环境进行交互。使用以下任一方法开启和关闭终端视图:

  • Control+
  • Ctrl+Shift+P(在 macOS 上,按 Command+Shift+P),或者依次点击查看 > 命令面板,然后输入 View: Toggle Terminal
  • 依次选择终端 > 新建终端
  • 依次选择查看 > 终端
  • 在终端标签页列表中,点击 addAdd

如需打开多个终端窗口,请点击 拆分,或按 Ctrl+Shift+5

工作站代码编辑器
图 4. 终端打开的 Cloud Workstations 界面

管理和自定义终端标签页

如果您打开多个终端,终端视图的侧面会显示一个终端标签页列表。此列表包含开放终端的名称。

  • 选择列表中的终端名称后,系统会显示 Split Delete 图标。点击相应的图标可拆分或删除终端窗口。

  • 如需查看其他终端选项(如将终端移至编辑器区域重命名更改颜色更改图标等),请右键点击终端名称。

    终端标签页列表
    图 5. 自定义您的终端

滚动显示画面

除了在浏览器焦点位于会话标签页上时使用鼠标之外,您还可以通过按 Ctrl+Shift+PageUpCtrl+Shift+PageDn(在 Windows 和 Linux 上)或 Fn+Shift+UpFn+Shift+Down(在 macOS 上)进行滚动。

自定义设置

为了自定义编辑器、界面和功能行为,Cloud Workstations 基本编辑器提供以下范围定义设置:

  • 机器设置:连接到 Cloud Workstations 虚拟机实例时全局应用的设置,这些设置显示在工作站的 $HOME/.codeoss-cloudworkstations/data/Machine/settings.json 文件中。

  • 用户设置:连接到 Cloud Workstations 虚拟机实例时全局应用的设置,这些设置将保留在每个工作站实例的浏览器存储空间中。

  • 工作区设置:存储在工作区中的设置,这些设置仅在打开该工作区时适用。这些设置会与您的工作区文件一起显示在 $WORKSPACE_ROOT/.vscode/settings.json 文件中。

编辑器分别评估每个设置范围。

键盘快捷键

由于默认的基本编辑器在浏览器中运行,因此某些键盘快捷键可能会被浏览器预留,而不会被编辑器捕获。

为了支持所有键盘快捷键,默认的基本编辑器捆绑了一个渐进式 Web 应用 (PWA),以便编辑器捕获这些快捷方式。

如需使用 PWA,请执行以下操作:

  1. 在浏览器中打开工作站。
  2. 点击浏览器地址栏中显示的安装图标。

然后,应安装 PWA,并在 PWA 中重新打开工作站。 在后续加载工作站时,浏览器会显示一个选项,用于在地址栏中的 PWA 中重新打开工作站。