快捷導(dǎo)航

VS Code使用Git可視化管理源代碼詳細(xì)教程(推薦)

更新時(shí)間：2021年02月19日 08:43:33 作者：追逐時(shí)光者

這篇文章主要介紹了VS Code使用Git可視化管理源代碼詳細(xì)教程,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

前言：

　　隨著VS Code的功能和插件的不斷強(qiáng)大和完善，它已經(jīng)成為了我們?nèi)粘ｉ_(kāi)發(fā)中一個(gè)必不可缺的伙伴了。在之前我曾經(jīng)寫過(guò)一篇SourceTree使用教程詳解（一個(gè)git可視化管理神器，想要了解的話可以點(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ì)教程：http://chabaoo.cn/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)解決沖突。

本地修改：