前言：

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

VS Code簡(jiǎn)介：

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

https://code.visualstudio.com/

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

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

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

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

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

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

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

克隆GitHub中的存儲(chǔ)庫(kù)：

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

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

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

1、界面查看：

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

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

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

添加暫存區(qū)：

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

提交本地代碼庫(kù)：

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

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

驗(yàn)證是否推送成功，查看GitHub中的倉(cāng)庫(kù)內(nèi)容：

沖突解決：

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

本地修改：

GitHub中的修改：

本地提交后，拉取時(shí)提示沖突如下：

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

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

沖突完美解決：

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

2、選擇需要?jiǎng)?chuàng)建子分支的主分支：

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

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

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

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

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

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

切換到feature-20210218分支：

查看文件是否提交成功：

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

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

b.選擇需要合并過(guò)來(lái)的分支：

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

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

需要安裝Git History拓展。

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

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

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