VSCode如何利用Git來可視化管理源代碼-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)公司專注于神農(nóng)架林區(qū)網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供神農(nóng)架林區(qū)營銷型網(wǎng)站建設(shè),神農(nóng)架林區(qū)網(wǎng)站制作、神農(nóng)架林區(qū)網(wǎng)頁設(shè)計(jì)、神農(nóng)架林區(qū)網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務(wù),打造神農(nóng)架林區(qū)網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供神農(nóng)架林區(qū)網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

vscode有什么用

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

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

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

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

選擇對應(yīng)的平臺進(jìn)行安裝(我自己是安裝的window平臺):

VSCode如何利用Git來可視化管理源代碼

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

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

克隆GitHub中的存儲庫:

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

VSCode如何利用Git來可視化管理源代碼

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

VSCode如何利用Git來可視化管理源代碼

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

1、界面查看:

VSCode如何利用Git來可視化管理源代碼

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

git branch -a

VSCode如何利用Git來可視化管理源代碼

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

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

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

添加暫存區(qū):

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

VSCode如何利用Git來可視化管理源代碼

VSCode如何利用Git來可視化管理源代碼

提交本地代碼庫:

VSCode如何利用Git來可視化管理源代碼

VSCode如何利用Git來可視化管理源代碼

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

VSCode如何利用Git來可視化管理源代碼

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

VSCode如何利用Git來可視化管理源代碼

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

VSCode如何利用Git來可視化管理源代碼

沖突解決:

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

本地修改:

VSCode如何利用Git來可視化管理源代碼

GitHub中的修改:

VSCode如何利用Git來可視化管理源代碼

本地提交后,拉取時提示沖突如下:

VSCode如何利用Git來可視化管理源代碼

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

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

VSCode如何利用Git來可視化管理源代碼

沖突完美解決:

VSCode如何利用Git來可視化管理源代碼

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

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

VSCode如何利用Git來可視化管理源代碼

2、選擇需要創(chuàng)建子分支的主分支:

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

VSCode如何利用Git來可視化管理源代碼VSCode如何利用Git來可視化管理源代碼

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

VSCode如何利用Git來可視化管理源代碼

VSCode如何利用Git來可視化管理源代碼

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

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

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

VSCode如何利用Git來可視化管理源代碼

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

切換到feature-20210218分支:

VSCode如何利用Git來可視化管理源代碼

查看文件是否提交成功:

VSCode如何利用Git來可視化管理源代碼

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

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

VSCode如何利用Git來可視化管理源代碼

b.選擇需要合并過來的分支:

VSCode如何利用Git來可視化管理源代碼

VSCode如何利用Git來可視化管理源代碼

VSCode如何利用Git來可視化管理源代碼

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

VSCode如何利用Git來可視化管理源代碼

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

需要安裝Git History拓展。

VSCode如何利用Git來可視化管理源代碼

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

VSCode如何利用Git來可視化管理源代碼

VSCode如何利用Git來可視化管理源代碼

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

VSCode如何利用Git來可視化管理源代碼

VSCode如何利用Git來可視化管理源代碼

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

網(wǎng)頁標(biāo)題:VSCode如何利用Git來可視化管理源代碼-創(chuàng)新互聯(lián)
當(dāng)前URL:http://bm7419.com/article48/dscdhp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號小程序開發(fā)、網(wǎng)站營銷、用戶體驗(yàn)、網(wǎng)站建設(shè)服務(wù)器托管

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司