VS Code使用Git可視化管理源代碼詳細(xì)教程(推薦)
前言：
隨著VS Code的功能和插件的不斷強(qiáng)大和完善，它已經(jīng)成為了我們?nèi)粘ｉ_發(fā)中一個必不可缺的伙伴了。在之前我曾經(jīng)寫過一篇SourceTree使用教程詳解（一個git可視化管理神器，想要了解的話可以點擊查看詳情），這篇文章主要是對VS Code如何使用Git可視化管理我們的程序源代碼。
VS Code簡介：
官網(wǎng)下載地址：
https://code.visualstudio.com/
Visual Studio Code是一個輕量級但功能強(qiáng)大的源代碼編輯器，可在您的桌面上運行，并且可用于Windows，macOS和Linux。它具有對JavaScript，TypeScript和Node.js的內(nèi)置支持，并具有豐富的其他語言（例如C ++，C＃，Java，Python，PHP，Go）和運行時（例如.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ì)教程：http://www.dbjr.com.cn/article/198002.htm
克隆GitHub中的存儲庫：
1、復(fù)制GitHub存儲庫的SSH鏈接地址：
2、打開VS Code點擊克隆，粘貼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)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家介紹一下Postman軟件的基本用法,主要包括瀏覽器復(fù)制請求信息并導(dǎo)入到軟件從而測試、發(fā)送請求,有需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-08-08
Clion、IEDA、pycharm的一些簡單設(shè)置步驟（設(shè)置中文菜單、輸出中文、字體大小、背景顏色主題）
這篇文章主要介紹了Clion、IEDA、pycharm的一些簡單設(shè)置步驟（設(shè)置中文菜單、輸出中文、字體大小、背景顏色主題）,本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-08
本文主要介紹 HTTP 2.0的知識，這里整理了詳細(xì)的資料，并對HTTP2.0的知識做了詳解，有需要的小伙伴可以參考下2016-09-09
解析scratch3.0二次開發(fā)之scratch-blocks免編譯修改問題
大家在使用scratch-blocks編譯時會遇到scratch-gui依賴的scratch-blocks模塊在安裝的時候編譯會報錯，針對這個問題我們該怎么解決呢，下面小編給大家?guī)砹藄cratch3.0二次開發(fā)之scratch-blocks免編譯修改方法，感興趣的朋友一起看看吧2021-08-08
這篇文章主要介紹了Visual Studio中Git的簡單使用,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
這篇文章主要介紹了Mac M1安裝Homebrew的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要為大家介紹了Wireshark TS FTP 傳輸失敗問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
Jenkins定時構(gòu)建語法規(guī)則及時間設(shè)置
這篇文章主要為大家介紹了Jenkins定時構(gòu)建時間設(shè)置，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
Git 是一個很強(qiáng)大的分布式版本控制系統(tǒng)。它不但適用于管理大型開源軟件的源代碼，管理私人的文檔和源代碼也有很多優(yōu)勢。下面腳本之家小編給大家?guī)砹薌it 常用命令，感興趣的朋友一起看看吧2017-10-10
關(guān)于IE11修改User-agent不再支持document.all等
這篇文章主要介紹了關(guān)于IE11修改User-agent不再支持document.all等,需要的朋友可以參考下2015-12-12