溫馨提示×

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

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

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

發(fā)布時(shí)間:2020-09-25 20:42:14 來(lái)源:腳本之家 閱讀:363 作者:玄魂 欄目:服務(wù)器

本來(lái)認(rèn)為此類教程,肯定是滿網(wǎng)飛了。今天首次使用VS Code的Git功能,翻遍了 所有中文教程,竟沒有一個(gè)靠譜的。遂動(dòng)筆寫一篇。

請(qǐng)確保你安裝了最新的VS Code.http://code.visualstudio.com/

請(qǐng)確保安裝了最新版的Git。https://git-scm.com/download。git安裝到環(huán)境變量里, 確保任意路徑可以訪問。

參考鏈接:https://code.visualstudio.com/Docs/editor/versioncontrol

VS Code 集成了Git功能,并支持基本的git命令,這使得我們能夠在開發(fā)過程方便的提交和獲取代碼。

1.1 初始化

首先我們創(chuàng)建一個(gè)名為gittest的文件夾,當(dāng)然它不在git的版本控制管理中。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

用VS Code 打開這個(gè)文件夾,單擊左側(cè)的git圖標(biāo)。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

我們可以看到“初始化GIT存儲(chǔ)庫(kù)”的按鈕,單擊。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

初始化之后,我們首先看到的是git欄里顯示了當(dāng)前所有文件,有4個(gè)更改。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

全部或者單個(gè)文件都可以選擇暫存或者清理掉。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

在上方有提交和刷新按鈕,下拉菜單里有更多選項(xiàng)。 再回到我們的文件中,剛才的操作創(chuàng)建了一個(gè).git文件夾,放置了當(dāng)前倉(cāng)庫(kù)的所有 配置文件,如下圖。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

到目前為止我們?cè)诒镜貏?chuàng)建了一個(gè)代碼倉(cāng)庫(kù),下面來(lái)看一下VS Code的git功能。

git 輸出

我們可以在隱藏的菜單中選擇git輸出,這樣我們每個(gè)操作都會(huì)顯示 在輸出區(qū)域,方便我們查看對(duì)應(yīng)的git命令。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

提交保存

提交保存的第一步是暫存文件。

第二步是輸入提交信息。

第三步然后使用狀態(tài)欄的提交按鈕提交全部更改。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

git命令列表

ctrl+shift+P,輸入git,會(huì)看到VS CODE支持的所有g(shù)it命令。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

撤銷操作

輸入 Undo Last Commit,撤銷上次操作。輸入U(xiǎn)nstage,撤銷暫存。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

分支

輸入Branch可以創(chuàng)建當(dāng)前內(nèi)容的分支。創(chuàng)建分支時(shí)需要輸入分支名稱。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

checkout

創(chuàng)建分支后,使用checkout命令可以拉取特定的分支內(nèi)容。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

沖突合并

VS Code 會(huì)檢測(cè)文件沖突,并以<<<<<,>>>>,====和顏色區(qū)分出來(lái)。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

解決沖突之后,直接提交就行了。

文件比較

在git文件列表中,單擊一個(gè)未提交更改的文件,就會(huì)打開兩個(gè)窗口來(lái)顯示變更的內(nèi)容。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

連接遠(yuǎn)程代碼倉(cāng)庫(kù)

說(shuō)了這么多,現(xiàn)在問題來(lái)了,在本機(jī)初始化一個(gè)代碼庫(kù),一般沒什么卵用。 我們大多數(shù)情況是要連接遠(yuǎn)程的代碼服務(wù)器的。

下面我們?cè)趃ithub上創(chuàng)建一個(gè)Repository,復(fù)制地址備用。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

接下來(lái)到當(dāng)前Repository文件夾根目錄中,如果沒有初始化過,安裝文章開始初始化的方法,進(jìn)行初始化。 然后執(zhí)行下面的命令

git remote add origin https://github.com/xuanhun/vscode.git
git pull origin master

現(xiàn)在我們查看一下.git文件夾下的config文件,可以看到添加了遠(yuǎn)程Reps地址。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

接下來(lái)我們從下拉菜單中執(zhí)行發(fā)布命令。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

這時(shí)會(huì)提醒我們輸入賬號(hào)和密碼。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

輸入之后,會(huì)把本地提交的文件同步到github。同步之后再打開git的隱藏菜單,可以看到 同步等命令可以直接使用了。

Visual Studio Code 使用Git進(jìn)行版本控制(圖文教程)

簡(jiǎn)化一點(diǎn)的方法

當(dāng)然我們也可以使用git 的clone命令,從遠(yuǎn)程克隆一個(gè)Reps,然后直接用vscode打開文件夾, VS Code 會(huì)自動(dòng)識(shí)別各項(xiàng)配置。

持久化賬號(hào)

遠(yuǎn)程連接git的問題解決了,如果你不想每次同步的時(shí)候都輸入賬號(hào)信息,可以全局存儲(chǔ)賬號(hào), 解決這個(gè)問題。

git config --global credential.helper wincred

本文的大部分內(nèi)容都能從官方的文檔上找到,不過中文很多教程沒有解決連接遠(yuǎn)程 服務(wù)的問題,所以特地做了說(shuō)明,希望對(duì)各位有所幫助。 最后,本篇文章作為實(shí)驗(yàn)內(nèi)容,同步到github的地址為: VS Code 集成git

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(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