搭配使用版本控制与 Cloud Shell Editor

本页面介绍如何通过 Cloud Shell Editor 的内置 Git 支持对应用文件使用版本控制。

使用版本控制

通过点击活动栏 源代码控制图标 中的“源代码控制:Git”视图,您可以访问 Git 代码库(或新建一个代码库)、查看现有和暂存的更改,以及合并更改。

在这里,您可以暂存和取消暂存更改、比较文件先前状态和当前版本之间的差异,以及提交更改,所有这些操作都在 Cloud Shell Editor 中完成。

在多个代码库之间切换

您可以使用 Cloud Shell Editor 跨多个 Git 代码库工作。“源代码控制:Git”面板中会显示检测到的代码库以及它们各自的更改后的文件。您可以通过选择一个显示的代码库来选择范围。

显示有效的更改

添加、修改和删除文件时,这些更改将体现在“源代码控制:Git”面板的“更改”部分下。您可以选择打开所选文件、暂存这些更改、舍弃更改或查看正在提交的更改。

更改过的文件列在“源代码控制:Git”视图下的“更改”部分

启用“比较差异”视图

在“源代码控制:Git”面板中,更改过的文件会列在“更改”下方;如果您已暂存更改,则文件会列在“暂存更改”下方。点击任意一个文件即可弹出其“比较差异”视图,其中显示了之前提交的文件状态与当前状态之间的差异。

比较旧版 app.js 与修订后的 app.js 之间的差异,树状视图中显示填充的已提交消息和暂存更改

提交更改

当您准备好签入更改时,可以直接在 Cloud Shell 中进行。

首先,使用 Cloud Shell 终端运行以下 git 命令:

git config --global user.email you@example.com
git config --global user.name YourName

然后,返回到 Cloud Shell Editor 中的“源代码控制:Git”面板,编写提交消息并点击提交 “提交”图标(或按 Cmd/Ctrl + Enter)以签入更改。

树状视图中显示填充的已提交消息和暂存更改

克隆代码库

要克隆远程 Git 代码库以便在 Cloud Shell Editor 中使用,您只需要提供代码库网址即可。对于 GitHub 代码库,在查看代码库的主页面时,在“克隆”或“下载”对话框下就可以找到该网址。

使用 Cmd/Ctrl+Shift+P 启动 Command Palette,然后搜索 Git: Clone。选择后,Cloud Shell Editor 会提示您指定 Git 代码库的位置。

在 Command Palette 中搜索 Git 命令

创建和切换分支

要创建新分支或切换到现有分支,您需要使用 Cmd/Ctrl+Shift + P 启动 Command Palette 并搜索 Git: Checkout。选择后,请从分支列表中选择分支或新建一个本地分支。

Git 状态栏

除了 Command Palette 之外,您还可以跟踪当前分支,并使用 Git 状态栏中的分支指示器切换到另一个分支。

此外,您还可以使用“同步更改”操作来检查本地代码库与上游分支之间的更改。同步更改操作会将本地更改推送到上游分支,以及将远程更改提取到本地代码库。

Git 状态栏中的分支指示器将主分支显示为当前分支并在旁边显示“同步更改”操作

如果您尚未设置上游分支,则“发布”操作可用于将本地更改推送到远程代码库。

Git 状态栏中的分支指示器将主分支显示为当前分支并在旁边显示“发布”操作