VS Code 源代碼管理(Git)

VS Code 集成了源代碼控制，并默認(rèn)支持 Git。

如果您不了解 Git，可以通過 git-scm 網(wǎng)站的在線文本教程或初學(xué)者視頻教程來進(jìn)行學(xué)習(xí)。本文檔默認(rèn)你已了解 Git。

VS Code 將利用您機(jī)器安裝的 Git，因此在使用下面這些功能之前，您需要先安裝 Git。請(qǐng)確保至少安裝 2.0.0 版本。

VS Code 可以與任何 Git 存儲(chǔ)庫一起使用。如果你還沒有一個(gè)私有托管的 Git 供應(yīng)商，阿里云代碼托管服務(wù)是一個(gè)很好的免費(fèi)的選擇。

左側(cè)活動(dòng)欄的源代碼管理圖標(biāo)上的數(shù)字表示當(dāng)前倉庫中有多少變更。單擊圖標(biāo)將顯示當(dāng)前倉庫變更的詳情：更改(CHANGES)、暫存更改(STAGED CHANGES)和合并更改(MERGE CHANGES)。

單擊文件將詳細(xì)顯示文件中的文本改動(dòng)信息。對(duì)于未提交的更改，右側(cè)的編輯器仍允許您編輯文件。

您還可以在 VS Code 的左下角看到倉庫的一些信息：當(dāng)前分支、編輯狀態(tài)以及當(dāng)前分支與遠(yuǎn)程的拉取和推送差異。通過點(diǎn)擊分支名并從列表中選擇遠(yuǎn)程引用，可以簽出(chekout)任何分支。

提交(Commit)

暫存（git add）和取消暫存（git reset）可以通過文件右側(cè)的操作按鈕或拖拽來完成。

您可以在更改的上方鍵入提交消息，然后按 ?+Enter 提交更改。如果有任何暫存更改，則僅提交這些更改，否則將提交所有更改。

例如上面的截圖示例當(dāng)中，只有對(duì) package.json 的暫存更改才會(huì)包含在提交中。

點(diǎn)擊 Git 面板右上的 ... 按鈕可獲取更多的操作選項(xiàng)：

分支和標(biāo)簽(Branches and Tags)

您可以通過在命令面板（??P）中 使用Git: 創(chuàng)建分支 和 Git: 簽出到 命令直接創(chuàng)建和簽出分支。

如果執(zhí)行 Git: 簽出到 命令，您將看到如下的下拉列表，其中包含當(dāng)前存儲(chǔ)庫中的所有分支或標(biāo)簽。

Git: 創(chuàng)建分支 命令允許您快速地創(chuàng)建一個(gè)新分支。只要提供新分支的名稱， VS Code 就會(huì)創(chuàng)建分支并切換到該分支下。

遠(yuǎn)程(Remotes)

假設(shè)您的倉庫連接到某個(gè)遠(yuǎn)程，并且簽出的分支具有指向該遠(yuǎn)程分支的關(guān)聯(lián)，那么 VS Code 將為您提供推送、拉取和同步該分支（后者將在推送命令之后執(zhí)行拉取命令）的操作。你可以在 ... 菜單中查看更多的操作。

VS Code 能夠定期從遠(yuǎn)程獲取更改。這讓 VS Code 能夠顯示本地倉庫與遠(yuǎn)程倉庫之間的差異信息。此功能在默認(rèn)禁用，您可以通過 Git > Autofetch 設(shè)置來啟用它。

您應(yīng)該設(shè)置一個(gè)證書助手，以避免每次 VS Code 與您的 Git 遠(yuǎn)程通信時(shí)都會(huì)被要求提供證書。如果不這樣做，可能需要考慮通過 Git & Autofetch 設(shè)置禁用自動(dòng)獲取，以減少獲取差異信息。

Git 狀態(tài)欄操作

如果當(dāng)前簽出的分支關(guān)聯(lián)了遠(yuǎn)程分支，狀態(tài)欄中的分支信息旁邊會(huì)有一個(gè)同步更改操作圖標(biāo)。同步更改將把遠(yuǎn)程更改下拉到本地倉庫，然后將本地提交推送到遠(yuǎn)程分支。

如果沒有配置關(guān)聯(lián)支，但是 Git 倉庫設(shè)置了遠(yuǎn)程，則可以使用發(fā)布操作。這將允許您將當(dāng)前分支發(fā)布到遠(yuǎn)程。

編輯器側(cè)邊欄提示

如果您打開一個(gè)已關(guān)聯(lián) Git 倉庫文件進(jìn)行更改，VS Code 將向編輯器的左邊欄和右側(cè)縮略圖添加提醒：

• 紅色三角形表示刪除行的位置；
• 綠色條表示新添加的行；
• 藍(lán)色條表示修改的行。

查看差異

通過在 Git 面板上點(diǎn)擊文件可以在 VS Code 編輯器中查看該文件的變更差異：

你可以通過 VS Code 對(duì)比任意文件的差異。方法是：在資源管理器中打開一個(gè)文件 A，然后再在你希望與 A 對(duì)比的文件 B 上點(diǎn)擊右鍵，然后選擇「與編輯器中的文件比較」。

Git 輸出面板

你可以在 Git 輸出面板上看到 VS Code 正在或已經(jīng)執(zhí)行的 Git 命令。如果通過 Git 面板操作遇到任何問題或者你需要明確 VS Code 正在進(jìn)行怎樣的 Git 操作，你可以通過該面板進(jìn)行查看。

顯示 Git 輸出面板的方式：通過快捷鍵 ??U 喚起輸出面板，在左上角的下來框中選擇 Git。

初始化倉庫

當(dāng)你的項(xiàng)目沒有使用 Git 源代碼管理時(shí)，Git 面板將提示你進(jìn)行倉庫初始化。您可以通過點(diǎn)擊該按鈕或在命令面板(??P)中輸入 Git: 初始化存儲(chǔ)庫進(jìn)行 Git 倉庫初始化。