溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

VSCode如何利用Git來(lái)可視化管理源代碼

發(fā)布時(shí)間:2021-02-22 13:39:23 來(lái)源:億速云 閱讀:631 作者:清風(fēng) 欄目:軟件技術(shù)

這篇“VSCode如何利用Git來(lái)可視化管理源代碼”除了程序員外大部分人都不太理解,今天小編為了讓大家更加理解“VSCode如何利用Git來(lái)可視化管理源代碼”,給大家總結(jié)了以下內(nèi)容,具有一定借鑒價(jià)值,內(nèi)容詳細(xì)步驟清晰,細(xì)節(jié)處理妥當(dāng),希望大家通過(guò)這篇文章有所收獲,下面讓我們一起來(lái)看看具體內(nèi)容吧。

vscode有什么用

Visual Studio Code 是一個(gè)運(yùn)行于 OS X,Windows和 Linux 之上的,針對(duì)于編寫現(xiàn)代 web 和云應(yīng)用的跨平臺(tái)編輯器,它為開發(fā)者們提供了對(duì)多種編程語(yǔ)言的內(nèi)置支持,并且正如 Microsoft 在Build 大會(huì)的 keynote 中所指出的,這款編輯器也會(huì)為這些語(yǔ)言都提供了豐富的代碼補(bǔ)全和導(dǎo)航功能。

環(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)):

VSCode如何利用Git來(lái)可視化管理源代碼

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

Git安裝詳細(xì)教程:https://blog.csdn.net/qq_43715354/article/details/108638061

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

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

VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

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

1、界面查看:

VSCode如何利用Git來(lái)可視化管理源代碼

2、切換到終端,命令查看:

git branch -a

VSCode如何利用Git來(lái)可視化管理源代碼

[*重要]實(shí)際工作開發(fā)四步曲(添,提,拉,推):

首先要明白四步曲分別是哪四步,其作用分別是什么?

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

添加暫存區(qū):

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

VSCode如何利用Git來(lái)可視化管理源代碼

VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

沖突解決:

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

本地修改:

VSCode如何利用Git來(lái)可視化管理源代碼

GitHub中的修改:

VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

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

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

VSCode如何利用Git來(lái)可視化管理源代碼

沖突完美解決:

VSCode如何利用Git來(lái)可視化管理源代碼

創(chuàng)建分支并推送到遠(yuǎn)程代碼庫(kù):

1、切換到源代碼管理視圖:

VSCode如何利用Git來(lái)可視化管理源代碼

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

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

VSCode如何利用Git來(lái)可視化管理源代碼 VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

VSCode如何利用Git來(lái)可視化管理源代碼

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

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

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

VSCode如何利用Git來(lái)可視化管理源代碼

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

切換到feature-20210218分支:

VSCode如何利用Git來(lái)可視化管理源代碼

查看文件是否提交成功:

VSCode如何利用Git來(lái)可視化管理源代碼

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

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

VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

VSCode如何利用Git來(lái)可視化管理源代碼

VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

VS Code Git提交修改歷史記錄查看(甩鍋專用):

需要安裝Git History拓展。

VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

VSCode如何利用Git來(lái)可視化管理源代碼

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

VSCode如何利用Git來(lái)可視化管理源代碼

VSCode如何利用Git來(lái)可視化管理源代碼

感謝你的閱讀,希望你對(duì)“VSCode如何利用Git來(lái)可視化管理源代碼”這一關(guān)鍵問(wèn)題有了一定的理解,具體使用情況還需要大家自己動(dòng)手實(shí)驗(yàn)使用過(guò)才能領(lǐng)會(huì),快去試試吧,如果想閱讀更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI