前置工作

在介紹如何在 VS Code 中使用 Git 之前，先來介紹一個強大的 VS Code 插件：Git Extension Pack，它旨在提供一組常用的 Git 工具和功能，以便更方便地進行版本控制和協(xié)作開發(fā)。該插件包含了多個與 Git 相關的擴展：

• Git History (git log)：可以查看 Git 提交記錄、文件或行的歷史。通過該擴展，可以快速瀏覽項目的版本歷史，查看每個提交包含的修改內(nèi)容和作者信息，以及文件和行的詳細變更情況。
• Project Manager：可以方便地在不同項目之間進行切換。這個擴展提供了一個項目管理器，可以輕松地保存和加載不同的項目配置，快速切換工作環(huán)境。
• GitLens：增強了 Visual Studio Code 內(nèi)置的 Git 功能。它通過行內(nèi)的 Git 責任注解和代碼鏡頭，更好地了解代碼的歷史和作者信息。您可以方便地查看每行代碼的最后修改者、最近的提交信息，甚至可以直接查看遠程倉庫上的相關代碼片段。
• gitignore：提供了對 .gitignore 文件的語言支持，讓您能夠更簡單地管理和生成這個文件。同時，還可以從 GitHub 的存儲庫中獲取常見的 .gitignore 文件模板，以便快速忽略項目中不需要跟蹤的文件和文件夾。
• Open in GitHub / Bitbucket / VisualStudio.com：提供了在 GitHub、Bitbucket 或 VisualStudio.com 中直接跳轉(zhuǎn)到代碼的功能。通過單擊相應的鏈接，可以快速打開相關代碼倉庫，并跳轉(zhuǎn)到指定的行號或文件位置。

一個插件囊括了五個熱門插件的全部功能！

安裝完成之后，就來看看如何在 VS Code 中可視化使用 Git。

當新打開一個 VS  Code 窗口時，需要打開一個項目，可以在本地文件打開項目，也可以直接從遠程倉庫克隆項目：

當選擇從遠程克隆倉庫時，輸入遠程倉庫地址，按下回車即可：

這里可以輸入 Git 鏈接來克隆，可以是 Github、Gitlab、GItee，或者私有部署的 Git 倉庫鏈接。也可以選擇從 Github 遠程倉庫克隆，只需登錄 Github，輸入查找自己的倉庫，然后進行克隆即可。

克隆完成之后，會將文件存儲在本地，直接打開即可。

git clone

在 Git 中，分支允許同時處理代碼庫的多個版本?？梢栽谠创a管理邊欄的最下面看到當前所在的分支：

git branch

如果這個分支沒有變動，只會顯示一個分支名，如果有修改，分支名的右上角會有一個 *，就像這樣：

要想切換分支，需要點擊這個分支名稱，就會出現(xiàn)所有分支的列表：

可以看到，這里面有兩類分支，一類是帶分支圖標的，另一類是帶云圖標的。前者表示本地分支，后者表示遠程分支。點擊本地分支，就會切換到對應的分支，點擊遠程分支，就會遠程分支同步到本地，并在本地創(chuàng)建一個同名的分支。

如果想重命名分支，可以執(zhí)行以下操作：

點擊之后，輸入新的分支名即可。

如果分支不需要了，也可以刪除分支，不過需要注意，如果想刪除某個分支，需要先切換到別的分支。

點擊刪除分支，然后選擇要刪除的分支即可。

git rebase

可以按照以下步驟來執(zhí)行變基操作：

git checkout

最上面有兩個分支創(chuàng)建操作，第一個是從當前分支創(chuàng)建一個新分支，輸入新分支名即可創(chuàng)建。第二個是從指定分支創(chuàng)建一個新分支，需要先選取從哪個分支創(chuàng)建，然后輸入新分支名即可：

如果是使用第一種方式來創(chuàng)建新分支，那當前分支的更改也會帶到新分支上。

git merge

如果想要合并分支，可以執(zhí)行以下操作：

點擊之后，需要選擇從哪個分支向當前分支進行合并，選擇被合并的分分支即可。

git push

新創(chuàng)建的分支可以點擊“發(fā)布 Branch”按鈕來發(fā)布到遠程倉庫：

當我們進行代碼的修改之后，在源代碼管理邊欄中可以看到更改的文件：

• 如果是刪除某個文件，那在更改中顯示的文件名上會有一個刪除線，并且最后會有一個 D 標志，表示已刪除；
• 如果是修改某個文件，那在更改中顯示的文件名最后有個 M 標志，表示已修改，如果這個文件存在代碼檢查的錯誤，會在 M 前顯示錯誤的數(shù)量，比如上面的 package.json 中就有 1 個錯誤。
• 如果是新增一個文件，那在更改中顯示的文件名最后有個 U 標志，表示未跟蹤的，因為是新增的文件，所以是未跟蹤。

git add

如果想暫存所有文件，可以鼠標懸浮在“更改”那一行，并點擊后面的 ? 即可：

如果只是想暫存某些文件，可以鼠標懸浮在需要更改的文件名上，并點擊后面的 ? 即可：

這個暫存操作就相當于執(zhí)行 git add 命令。這里暫存其中兩個，暫存完之后是這樣的：

git reset

如果想取消更改，只需點擊更改后面的撤銷按鈕（全部撤銷）或者文件后面的撤銷按鈕（撤銷單個）即可：

git commit

對于暫存的文件，可以進行commit 操作。只需在上面的輸入框輸入commit 信息，然后點擊“提交”按鈕即可：

對于未 commit 的文件，也是可以撤銷的，只需點擊暫存的更改那一行的?或者需要撤銷的文件后面的?，點完之后，這些文件就會回到更改中，可以繼續(xù)進行修改：

git stash

可以看到，無論是更改中，還是在暫存的更改中，都會有一個類似于撤回的按鈕，比撤回按鈕多了一個?，這個按鈕就是 stash 的意思，也就是把當前的修改暫存起來，然后在需要的時候取出來暫存的內(nèi)容，以繼續(xù)進行修改。當我們在開發(fā)一個需求過程中，需要緊急去別的分支進行操作，就可以先把已經(jīng)更改的內(nèi)容暫存起來，等再回來開發(fā)的時候，取出來這些內(nèi)容，繼續(xù)開發(fā)即可。

這里我們將暫存的更改和更改都先暫存起來?？梢赃x擇彈出最新的（最后一次暫存）暫存，也可以選擇性彈出暫存：

可以看到，VS Code 支持儲藏暫存、應用暫存、彈出暫存、刪除暫存。這里不再一一介紹。

值的注意是，在源代碼管理邊欄中，也可以點擊最下面的 STASHES 來查看已暫存的文件：

這里，可以進行應用暫存、刪除暫存、修改暫存名稱等操作：

git push

當我們修改完代碼之后，就需要推送代碼到遠程了，可以點擊藍色的同步更改按鈕，也可以點擊下面分支的更改按鈕，來同步更改。

可以看到藍色按鈕的↑箭頭旁邊有一個數(shù)字，它表示 commit 的數(shù)量。如果遠程分支比本地分支領先，還有又一個↓箭頭，旁邊也會有一個數(shù)字，表示遠程分支比本地分支領先的 commit 數(shù)量。

git pull

如果需要從遠程分支向本地分支同步代碼，可以點擊拉?。?/p>

git tag

可以點擊創(chuàng)建標記來創(chuàng)建標簽：

當然，也可以在下面的 TAGS 中管理所有標簽：

合并沖突

當合并代碼出現(xiàn)沖突時，VS Code 中會顯示當前的更改的和傳入的更改，可以選擇保留其中一個，也可以全部保留：