VS Code使用Git可視化管理源代碼詳細教程(推薦)
前言：
隨著VS Code的功能和插件的不斷強大和完善，它已經成為了我們日常開發(fā)中一個必不可缺的伙伴了。在之前我曾經寫過一篇SourceTree使用教程詳解（一個git可視化管理神器，想要了解的話可以點擊查看詳情），這篇文章主要是對VS Code如何使用Git可視化管理我們的程序源代碼。
VS Code簡介：
官網下載地址：
https://code.visualstudio.com/
Visual Studio Code是一個輕量級但功能強大的源代碼編輯器，可在您的桌面上運行，并且可用于Windows，macOS和Linux。它具有對JavaScript，TypeScript和Node.js的內置支持，并具有豐富的其他語言（例如C ++，C＃，Java，Python，PHP，Go）和運行時（例如.NET和Unity）擴展的生態(tài)系統(tǒng)。VS Code內置了對Git的支持，可以使用圖形化界面方便的進行版本控制，比如添加暫存，提交更新，拉取遠程代碼，推送代碼到遠程代碼庫，創(chuàng)建合并分支，文件內容差異比較等這些常規(guī)操作。
環(huán)境準備：
1、首先需要現(xiàn)在安裝Visual Studio Code。
下載地址：https://code.visualstudio.com/Download
選擇對應的平臺進行安裝（我自己是安裝的window平臺）：
2、Git環(huán)境安裝：
Git安裝詳細教程：http://m.fzitv.net/article/198002.htm
克隆GitHub中的存儲庫：
1、復制GitHub存儲庫的SSH鏈接地址：
2、打開VS Code點擊克隆，粘貼SSH鏈接地址進行下載：
查看當前所在分支：
1、界面查看：
2、切換到終端，命令查看：
[*重要]實際工作開發(fā)四步曲（添，提，拉，推）:首先要明白四步曲分別是哪四步，其作用分別是什么？
添：將修改的內容添加到本地暫存區(qū) git add。
提：將本地暫存區(qū)中的內容提交到本地代碼庫 git commit -m 'description'。
拉：同步，拉取遠程代碼庫中的內容，在多人協(xié)同開發(fā)中十分的重要，因為假如事先沒有同步更新到最新版本有可能會覆蓋別人修改的東西，假如拉取后有沖突直接使用VS Code解決沖突即可 git pull。
推：將本地代碼庫中的內容推送到遠程代碼倉庫 git push。
添加暫存區(qū)：
新增Information.txt文本文件，添加至本地暫存區(qū)。
提交本地代碼庫：
拉取同步遠程最新代碼庫：
推送至遠程代碼庫：
驗證是否推送成功，查看GitHub中的倉庫內容：
沖突解決：
接下來我們來自己模擬一下多人開發(fā)，如：我在本地修改Information.txt文本文件的內容，然后在到GitHub中修改一次這樣本地在提交的時候就會產生沖突，然后我們可以借助VS Code智能的解決沖突的方式幫助我們來解決沖突。
本地修改：
GitHub中的修改：
本地提交后，拉取時提示沖突如下：
合并沖突提交到遠程代碼庫中：
VS Code提供了四種智能合并的方式供給我們選擇，我們可以按照實際情況進行代碼沖突解決。當然也可以手動刪除解決，不過要慎重，可能一不小心就把同事辛辛苦苦寫了幾天的代碼給覆蓋了哦，這里我選擇了【保留雙方更改】的方式進行沖突解決。
沖突完美解決：
創(chuàng)建分支并推送到遠程代碼庫：1、切換到源代碼管理視圖：
2、選擇需要創(chuàng)建子分支的主分支：
注意：我們這里為develop分支創(chuàng)建feature-20210218分支。
3、將新建分支推送到遠程代碼庫：
子分支開發(fā)完成后合并到主分支中：
首先我們在feature-20210218子分支中創(chuàng)建一個文件夾和一個文本文件，然后將feature-20210218子分支合并到develop開發(fā)分支中合并提交到遠程代碼庫。
1、feature-20210218子分支中創(chuàng)建一個文件夾和一個文件：
2、使用實際工作開發(fā)四步曲（添，提，拉，推）教程將新添加的內容推送到遠程代碼庫：
切換到feature-20210218分支：
查看文件是否提交成功：
3、將feature-20210218子分支合并到develop開發(fā)分支：
a.首先切換到develop分支中：
b.選擇需要合并過來的分支：
c.推送至遠程倉庫，查看合并是否成功：
VS Code Git提交修改歷史記錄查看（甩鍋專用）：
需要安裝Git History拓展。
查看對應文件的修改歷史記錄：
查看文件修改時間線對比文件修改內容：
到此這篇關于VS Code使用Git可視化管理源代碼詳細教程(推薦)的文章就介紹到這了,更多相關VS Code可視化管理源代碼內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要為大家介紹了git?stash使用場景及常見方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
win7/win10+vs2015+pcl1.8.0配置方案詳解
這篇文章主要介紹了win7/win10+vs2015+pcl1.8.0詳細配置方案,本文通過圖文并茂的形式給大家講解的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
在Infopath中實現(xiàn)數(shù)據(jù)有效性驗證的三種方法
Infopath是微軟Office辦公軟件家族中的成員之一，它主要的功能是面向客戶端收集XML數(shù)據(jù)，并按照預期定義的格式生成XML文件，它以可視化表單的形式收集數(shù)據(jù)，并且支持C#編程接口以及外部數(shù)據(jù)源等。2010-06-06
隨著容器化的發(fā)展，現(xiàn)在涌現(xiàn)出了很多云IDE，比如騰訊的Cloud?Studio，但是其也是基于Code-Server進行開發(fā)部署的，用了它的云IDE后，我便產生出了自己部署一個這樣的云IDE的想法，這篇文章主要介紹了云vscode搭建使用容器化部署,需要的朋友可以參考下2022-09-09
Express 是一個簡潔而靈活的 node.js Web應用框架, 提供了一系列強大特性幫助你創(chuàng)建各種 Web 應用和豐富的 HTTP 工具，如果你不會jJava or Python等后端，使用 Express可以幫助我們快速地搭建一個完整功能的網站2021-08-08
這篇文章給大家詳細介紹了PC瀏覽器的刷新方式，以及簡單的介紹了WISE瀏覽器的刷新方式，文章介紹的很詳細，有需要的朋友們可以一起來看看吧。2016-10-10
這篇文章主要介紹了網站被等惡意鏡像的解決、反制措施詳細教程,需要的朋友可以參考下2016-10-10
VSCode中通過launch.json文件打斷點DeBug調試代碼詳細圖文教程
在VSCode中l(wèi)aunch.json是用于配置調試器的文件,它定義了調試會話的各種設置,下面這篇文章主要給大家介紹了關于VSCode中通過launch.json文件打斷點DeBug調試代碼的詳細圖文教程,需要的朋友可以參考下2024-08-08
vs2022使用git同步報錯以及解決每次推送要輸入密碼問題
本文主要介紹了vs2022使用git同步報錯以及解決每次推送要輸入密碼問題,文中通過圖文示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-10-10
永恒之藍實戰(zhàn)教程之Mac通過Metasploit攻擊Server2008的詳細過程
這篇文章主要介紹了永恒之藍實戰(zhàn)教程?Mac通過Metasploit攻擊Server2008,首先準備一個Server2008，主要功能是使網絡上的機器能夠共享計算機文件、打印機、串行端口和通訊等資源，需要的朋友可以參考下2022-08-08