參加你附近的 ,瞭解 VS Code 中的 AI 輔助開發。

VS Code 中 Git 簡介

想要輕鬆管理原始碼並與他人協作?Git 和 GitHub 是您需要的工具!透過 Visual Studio Code,您可以輕鬆設定和使用它們。即使是初學者,VS Code 使用者友好的介面也會指導您完成常見的 Git 操作,例如推送和拉取程式碼、建立和合並分支以及提交程式碼更改。如果您是專業人士,您會喜歡直接在編輯器中執行 Git 操作的能力,與使用 Git 命令列相比,這可以節省您的時間和精力。此外,VS Code 和 Git 之間無縫的工作流程意味著您可以留在編輯器中並完成更多工作。

透過 VS Code 中的 GitHub Copilot,您可以獲得提交訊息、拉取請求的建議,並在提交程式碼更改之前審查它們。瞭解有關VS Code 中 GitHub Copilot 的更多資訊。

提示

如果你還沒有 Copilot 訂閱,可以透過註冊 Copilot 免費計劃來免費使用 Copilot。你將獲得每月限量的程式碼補全和聊天互動次數。

在 VS Code 中設定 Git

要在 VS Code 中使用 Git 和 GitHub,請首先確保您的計算機上安裝了 Git。如果缺少 Git,則原始碼管理檢視會顯示有關如何安裝 Git 的說明。之後請務必重新啟動 VS Code。

此外,您可以在活動欄右下角的賬戶選單中透過您的 GitHub 賬戶登入 VS Code,以啟用其他功能,例如設定同步,以及從 GitHub 克隆和釋出儲存庫。

Screenshot of the Accounts menu in VS Code

開啟 Git 儲存庫

VS Code 提供了多種方式來開始使用 Git 儲存庫,從本地環境到GitHub Codespaces 等遠端雲端環境。

在本地克隆儲存庫

要克隆儲存庫,請在命令面板中執行 Git: 克隆 命令 (⇧⌘P (Windows、Linux Ctrl+Shift+P)),或在原始碼管理檢視中選擇克隆儲存庫按鈕。

如果您從 GitHub 克隆,VS Code 會提示您使用 GitHub 進行身份驗證。然後,從列表中選擇一個儲存庫以克隆到您的計算機。該列表包含公共和私有儲存庫。

Screenshot of the Clone Repository quick prompt, searching for repositories with the name vscode

對於其他 Git 提供商,請輸入儲存庫 URL,選擇克隆,然後在您的本地計算機上選擇一個資料夾來克隆檔案。儲存庫克隆到您的本地計算機後,VS Code 會開啟該資料夾。

Screenshot of the Clone Repository quick prompt, searching for a repository by providing the repository URL

在本地資料夾中初始化儲存庫

要初始化新的本地 Git 儲存庫

  1. 選擇計算機上現有或新建的資料夾,並在 VS Code 中開啟它。

  2. 原始碼管理檢視中,選擇初始化儲存庫按鈕。

    這會在當前資料夾中建立一個新的 Git 儲存庫,允許您開始跟蹤程式碼更改。

    此操作等效於在命令列上執行 git init

    Source Control view for a workspace not under Git source control will offer to Initialize a Git repo or Publish to GitHub

將本地儲存庫釋出到 GitHub

您還可以初始化本地儲存庫並直接將其釋出到 GitHub。這會在您的 GitHub 賬戶上建立一個新儲存庫,並將您的原生代碼更改推送到遠端儲存庫。將原始碼放在遠端儲存庫是備份程式碼、與他人協作以及透過GitHub Actions 自動化工作流程的好方法。

使用原始碼管理檢視中的釋出到 GitHub 命令按鈕。然後您可以選擇儲存庫的名稱和描述,以及是使其公開還是私有。

Screenshot of the Publish to GitHub quick prompt, showing private and public GitHub repository names

儲存庫建立後,VS Code 會將您的原生代碼推送到遠端儲存庫。您的程式碼現在已在 GitHub 上備份,您可以開始透過提交和拉取請求與他人協作。

在 codespace 中開啟 GitHub 儲存庫

GitHub Codespaces 允許您在完全配置的基於雲的開發環境中開啟 GitHub 儲存庫,使您無需在本地計算機上安裝任何軟體即可在瀏覽器中進行開發。GitHub Codespaces 為個人提供免費使用,這使得開始從事開源專案變得容易。

為您的 GitHub 儲存庫建立 codespace

  1. 在 VS Code 中安裝GitHub Codespaces 擴充套件,並使用您的 GitHub 賬戶登入。

  2. 執行 Codespaces: 建立新 Codespace 命令。

  3. 選擇要開啟的儲存庫和分支。

    VS Code 會開啟一個新視窗,該視窗連線到 codespace。原始碼、終端以及執行和除錯都託管在遠端基於雲的開發環境中。

    請注意,檔案資源管理器和狀態列指示工作區已在 codespace 中開啟。

    Screenshot of a workspace opened in a codespace, highlighting the codespace name in the File Explorer and Status Bar

或者,您也可以從 GitHub Codespaces 網站上的 codespace 模板開始。

如果您已在瀏覽器中開啟 codespace,請在瀏覽器中執行 Codespaces: 在 VS Code 桌面版中開啟 命令,以從您的本地 VS Code 桌面版連線到 codespace。

您可以在在 codespace 中開發文件中瞭解有關 GitHub Codespaces 的更多資訊,包括轉發埠等自定義設定。

遠端開啟 GitHub 儲存庫

VS Code 的遠端儲存庫支援允許您瀏覽和編輯 GitHub 儲存庫,而無需將其克隆到本地計算機。這對於快速更改遠端儲存庫而無需將整個程式碼庫克隆到您的計算機非常有用。

  1. 首先安裝GitHub Repositories 擴充套件。

  2. 執行命令 Remote Repositories: 開啟遠端儲存庫... 或使用資源管理器檢視中的開啟遠端儲存庫按鈕。

  3. 搜尋並選擇要開啟的 GitHub 儲存庫。

    Remote Repositories opening a remote GitHub repo, pull request or Azure repo

提示

如果您需要執行程式碼或執行終端命令,可以使用命令繼續工作從遠端儲存庫無縫切換到 codespace。

暫存和提交程式碼更改

設定 Git 儲存庫後,您可以透過暫存和提交您新建立和編輯的程式碼來開始跟蹤程式碼更改。

提示

儘早並經常提交更改。如果需要,這使得回滾到以前的程式碼版本變得更容易。

您可以從活動欄訪問原始碼管理檢視,以列出工作區中所有已更改的檔案。您可以使用原始碼管理檢視標題中的樹/列表圖示在樹檢視或列表檢視之間切換。

Source Control view, highlighting the tree/list view control in the header

當您在原始碼管理檢視中選擇一個檔案時,編輯器會顯示一個差異檢視,突出顯示與之前提交的檔案相比的檔案更改。

Source Control view with one file staged and other changes, a diff showing in the editor that highlights the changes

要暫存檔案,請選擇原始碼管理檢視中檔案旁邊的 +(加號)圖示。這會將檔案新增到暫存更改部分,表示它將包含在下一次提交中。

Source Control view with four changed files, highlighting the '+' button to stage the changes of a file

您還可以透過選擇原始碼管理檢視中更改旁邊的 +(加號)圖示一次暫存所有待處理的更改。

暫存的更改也可以透過選擇檔案旁邊的 (減號)圖示來丟棄。同樣,您可以透過選擇原始碼管理檢視中暫存更改旁邊的 (減號)圖示來丟棄所有暫存的更改。

Source Control view with four changed files, highlighting the '-' button to unstage the changes of a file

要提交您暫存的更改,請在上方文字框中鍵入提交訊息,然後選擇提交按鈕。這會將您的更改儲存到本地 Git 儲存庫,允許您在需要時回滾到以前的程式碼版本。

提示

透過 VS Code 中的 GitHub Copilot,您可以根據您的程式碼更改生成提交訊息。瞭解有關使用 AI 生成提交訊息的更多資訊。在您提交更改之前,您還可以讓 Copilot 對未提交的更改進行程式碼審查

您可以在資源管理器檢視底部提供的時間線檢視中導航和審查所有本地檔案更改和提交。

Timeline view with one item selected and its change being shown in the editor

推送和拉取遠端更改

一旦您向本地 Git 儲存庫提交了更改,就可以將它們推送到遠端儲存庫。同步更改按鈕指示將要推送和拉取的提交數量。選擇同步更改按鈕會下載(拉取)所有新的遠端提交併上傳(推送)新的本地提交到遠端儲存庫。

Sync button with one change to push

提示

您可以啟用 Git: 自動獲取設定,以始終獲取最新的遠端提交指示器。

推送和拉取也可以透過使用各自的命令單獨執行。您可以從原始碼管理選單訪問這些命令。

Source Control menu that shows all source control commands

使用分支

在 Git 中,分支允許您同時處理程式碼庫的多個版本。這對於嘗試新功能或進行大的程式碼更改而不會影響主程式碼庫很有用。

狀態列中的分支指示器顯示當前分支,並允許您切換到新分支和現有分支。

Branch indicator in the Status bar

要建立新分支,請選擇分支指示器並選擇從當前分支或其他本地分支建立。輸入新分支的名稱,然後確認。VS Code 會建立一個新分支並切換到該分支,允許您更改程式碼而不會影響主分支。

Create branch quick prompt that shows when selecting the branch indicator

提示

如果您使用GitHub 拉取請求和問題擴充套件,您可以直接從問題建立分支,這會讓您開始在一個新的本地分支中工作,並自動為您預填充拉取請求。

建立本地分支後,您可以透過在原始碼管理檢視中選擇釋出分支將分支推送到遠端儲存庫。這會在遠端儲存庫上建立一個新分支,允許您在該分支中與他人協作。

建立和審查 GitHub 拉取請求

在 Git 和 GitHub 中,拉取請求 (PR) 是一種協作方式,允許協作者將來自不同分支的程式碼更改審查併合併到主分支中。這使得團隊可以在程式碼更改合併到主程式碼庫之前進行審查和批准,從而確保只合並高質量的更改。

要在 VS Code 中使用拉取請求,您需要安裝GitHub 拉取請求和問題擴充套件。此擴充套件將 PR 和問題跟蹤功能新增到 VS Code,允許您在編輯器中建立、審查和合並 PR。

要建立 PR,請確保您在與主分支不同的分支上,並將您的程式碼更改推送到遠端儲存庫。在原始碼管理檢視中,選擇建立拉取請求按鈕。這會開啟 PR 建立表單,您可以在其中輸入 PR 的標題和描述,並選擇要將更改合併到的分支。選擇建立以建立 PR。

Source Control view, highlighting the 'Create pull request' button

提示

使用 GitHub Copilot 根據 PR 中包含的提交生成 PR 標題和描述。選擇 PR 標題欄位旁邊的星火圖示以生成 PR 標題和描述。您還可以在建立 PR 之前讓 Copilot 對 PR 進行程式碼審查。在 GitHub 拉取請求檢視中選擇程式碼審查按鈕。

VS Code 的 GitHub 文件中瞭解有關拉取請求的更多資訊。

在內建終端中使用 Git

由於所有 Git 狀態都儲存在本地儲存庫中,因此您可以輕鬆地在 VS Code 的 UI、內建終端GitHub Desktop 等外部工具之間切換。您還可以將VS Code 設定為您的預設 Git 編輯器,允許您使用 VS Code 編輯提交訊息和其他 Git 相關檔案。

Windows 上的 Git Bash

Git Bash 是 Windows 上流行的 shell 環境,它為使用 Git 和其他命令列工具提供了類似 Unix 的命令列介面。Visual Studio Code 的整合終端支援 Git Bash 作為 shell,允許您將 Git Bash 無縫整合到您的開發工作流程中。在您的 Windows 機器上安裝 Git 也會安裝 Git Bash,除非在安裝步驟中取消選擇。

Selecting Git Bash as shell in Visual Studio Code's built-in terminal

首先開啟檢視 > 終端 (⌃` (Windows、Linux Ctrl+`))。選擇終端面板中 + 圖示旁邊的下拉箭頭以選擇要開啟的新 shell。如果安裝了 Git Bash,它會顯示在終端和 shell 列表中。您可以在終端側邊欄中在不同的終端和 shell 之間切換。在 Visual Studio Code 中配置 Git Bash 後,您現在可以直接從程式碼編輯器中的終端使用所有您喜歡的 Git 命令。

如果您想將 Git Bash 設定為預設 shell,請開啟終端下拉選單(在 + 圖示旁邊)並選擇選擇預設配置檔案。這會開啟一個可用 shell 列表,包括 Git Bash。選擇Git Bash 將其設定為您的預設 shell,並且所有未來的終端都將使用 Git Bash 開啟。更多高階終端技巧可在終端文件中找到。