前言：

　　隨著VS Code的功能和插件的不斷強(qiáng)大和完善，它已經(jīng)成為了我們?nèi)粘ｉ_發(fā)中一個必不可缺的伙伴了。在之前我曾經(jīng)寫過一篇SourceTree使用教程詳解（一個git可視化管理神器，想要了解的話可以點(diǎn)擊查看詳情），這篇文章主要是對VS Code如何使用Git可視化管理我們的程序源代碼。

VS Code簡介：

官網(wǎng)下載地址：

https://code.visualstudio.com/

　　Visual Studio Code是一個輕量級但功能強(qiáng)大的源代碼編輯器，可在您的桌面上運(yùn)行，并且可用于Windows，macOS和Linux。它具有對JavaScript，TypeScript和Node.js的內(nèi)置支持，并具有豐富的其他語言（例如C ++，C＃，Java，Python，PHP，Go）和運(yùn)行時（例如.NET和Unity）擴(kuò)展的生態(tài)系統(tǒng)。VS Code內(nèi)置了對Git的支持，可以使用圖形化界面方便的進(jìn)行版本控制，比如添加暫存，提交更新，拉取遠(yuǎn)程代碼，推送代碼到遠(yuǎn)程代碼庫，創(chuàng)建合并分支，文件內(nèi)容差異比較等這些常規(guī)操作。

環(huán)境準(zhǔn)備：

1、首先需要現(xiàn)在安裝Visual Studio Code。

下載地址：https://code.visualstudio.com/Download

選擇對應(yīng)的平臺進(jìn)行安裝（我自己是安裝的window平臺）：

2、Git環(huán)境安裝：

Git安裝詳細(xì)教程：https://www.jb51.net/article/198002.htm

克隆GitHub中的存儲庫：

1、復(fù)制GitHub存儲庫的SSH鏈接地址：

2、打開VS Code點(diǎn)擊克隆，粘貼SSH鏈接地址進(jìn)行下載：

查看當(dāng)前所在分支：

1、界面查看：

2、切換到終端，命令查看：

[*重要]實際工作開發(fā)四步曲（添，提，拉，推）:首先要明白四步曲分別是哪四步，其作用分別是什么？

添：將修改的內(nèi)容添加到本地暫存區(qū) git add。
提：將本地暫存區(qū)中的內(nèi)容提交到本地代碼庫 git commit -m 'description'。
拉：同步，拉取遠(yuǎn)程代碼庫中的內(nèi)容，在多人協(xié)同開發(fā)中十分的重要，因為假如事先沒有同步更新到最新版本有可能會覆蓋別人修改的東西，假如拉取后有沖突直接使用VS Code解決沖突即可 git pull。
推：將本地代碼庫中的內(nèi)容推送到遠(yuǎn)程代碼倉庫 git push。

添加暫存區(qū)：

新增Information.txt文本文件，添加至本地暫存區(qū)。

提交本地代碼庫：

拉取同步遠(yuǎn)程最新代碼庫：

推送至遠(yuǎn)程代碼庫：

驗證是否推送成功，查看GitHub中的倉庫內(nèi)容：

沖突解決：

　　接下來我們來自己模擬一下多人開發(fā)，如：我在本地修改Information.txt文本文件的內(nèi)容，然后在到GitHub中修改一次這樣本地在提交的時候就會產(chǎn)生沖突，然后我們可以借助VS Code智能的解決沖突的方式幫助我們來解決沖突。

本地修改：

GitHub中的修改：

本地提交后，拉取時提示沖突如下：

合并沖突提交到遠(yuǎn)程代碼庫中：

VS Code提供了四種智能合并的方式供給我們選擇，我們可以按照實際情況進(jìn)行代碼沖突解決。當(dāng)然也可以手動刪除解決，不過要慎重，可能一不小心就把同事辛辛苦苦寫了幾天的代碼給覆蓋了哦，這里我選擇了【保留雙方更改】的方式進(jìn)行沖突解決。

沖突完美解決：

創(chuàng)建分支并推送到遠(yuǎn)程代碼庫：1、切換到源代碼管理視圖：

2、選擇需要創(chuàng)建子分支的主分支：

注意：我們這里為develop分支創(chuàng)建feature-20210218分支。

3、將新建分支推送到遠(yuǎn)程代碼庫：

子分支開發(fā)完成后合并到主分支中：

首先我們在feature-20210218子分支中創(chuàng)建一個文件夾和一個文本文件，然后將feature-20210218子分支合并到develop開發(fā)分支中合并提交到遠(yuǎn)程代碼庫。

1、feature-20210218子分支中創(chuàng)建一個文件夾和一個文件：

2、使用實際工作開發(fā)四步曲（添，提，拉，推）教程將新添加的內(nèi)容推送到遠(yuǎn)程代碼庫：

切換到feature-20210218分支：

查看文件是否提交成功：

3、將feature-20210218子分支合并到develop開發(fā)分支：

a.首先切換到develop分支中：

b.選擇需要合并過來的分支：

c.推送至遠(yuǎn)程倉庫，查看合并是否成功：

VS Code Git提交修改歷史記錄查看（甩鍋專用）：

需要安裝Git History拓展。

查看對應(yīng)文件的修改歷史記錄：

查看文件修改時間線對比文件修改內(nèi)容：

到此這篇關(guān)于VS Code使用Git可視化管理源代碼詳細(xì)教程(推薦)的文章就介紹到這了,更多相關(guān)VS Code可視化管理源代碼內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！