VScode中集成Git命令詳解

Git/GitHub/GitHub Desktop相關概念

1、Git

Git是一款免費的、開源的、最先進的分佈式版本控制系統,可以有效、高速地處理從很小到非常大的項目版本管理。

Git的每個用戶都相當於一個備份,管理員無需為數據備份而擔心。Git中包括提交、文件內容等都通過SHA1哈希保證數據的完整性,任何惡意篡改歷史數據都會被及時發現從而被挫敗。Git是基於對內容的追蹤而非對文件名追蹤,所以遇到一方或雙方對文件名更改時,Git能夠很好進行自動合並或提供工具輔助合並,避免不必要的沖突,提高工作效率。

總結來說其優點有:異地協同工作;現場版本控制;重寫提交說明;無盡的後悔藥;更好用的提交列表;更好的差異比較;工作進度保存;實現移動辦公;

2、GitHub

GitHub是用Git做版本控制的代碼托管平臺,主要提供基於Git的版本托管服務。GitHub已經發展成全球最大的開源社區。在被微軟收購後,更是將原來收費的private倉庫免費開放,並最多可以有三個協作者。

對程序員來說,GitHub是一個寶庫,代碼交友,一起互相學習,共同進步。據說,一個好的GitHub主頁可能會給你的簡歷加分不少哦。

3、GitHub Desktop

GitHub Desktop是Github的官方git軟件,從GitHub上可以直接將項目克隆到Desktop上,它會將項目下載到本地,本地文件改變後會有變化提醒,但是這些變化都在本地,而遠程倉庫,也就是GitHub上並沒有任何變化。

想講你的代碼托管到遠程倉庫,你需要有自己的GitHub賬號,在Desktop上登錄,之後你就可以進行推送瞭。當你發現你的合作者推送瞭他的一部分,你也可以通過fetch對本地倉庫進行更新。

一、VScode中使用Git

VSCode內置版本控制機制,並自帶對Git和Github的支持,你也可以安裝插件以支持其他控制軟件,如SVN(需要先安裝 SVN )等。

1、Git的安裝

vscode中git功能依賴於本機安裝的git。

需要要先到git-scm官網下載安裝git才能在vscode中正常使用

https://git-scm.com/downloads

註意:也可以安裝第三方的客戶端管理Git:如:Git Extensions, 或TortoiseGit等

安裝Git2.26.2版本

安裝後重啟VSCode。

2、本地創建存儲庫

打開VSCode,為當前的文件夾初始化本地存儲庫。

VS Code自動查找本地安裝的Git軟件

自動生成.git文件夾

放置瞭當前倉庫的所有配置文件,如下圖。

如果你的項目目錄包含.git文件夾,那麼VSCode自動開啟完整的Git和Github支持。

二、git常用操作

查看git命令

ctrl+shift+P,輸入git,會看到VS CODE支持的所有git命令。

Git的常用操作都可以直接在VSCode用戶界面中完成:

VSCode也能識別來自編輯器外的文件內容改變並做出反應。

Git輸出

註意:我們可以在隱藏的菜單中選擇git輸出,這樣我們每個操作都會顯示在輸出區域,方便我們查看對應的git命令。

1、暫存更改

在版本控制視圖中,被修改的文件用“M”標記,新的未追蹤文件用“U”標記。

在改動文件列表中,鼠標懸停在某個文件上,右邊會出現“discard change”(撤銷更改)和“Stage Change”(暫存更改)的圖標,我們可以根據需要選擇。

2、提交暫存

在第4步中,把代碼選擇“Stage Change”(暫存更改)後,就可以點擊提交圖標(如下圖所示),把改動的文件提交到本地代碼庫

3、創建分支

比如:輸入Branch可以創建當前內容的分支。也可以直接點擊VSCode左下角。

創建分支時需要輸入分支名稱。

4、checkout簽出

創建分支後,使用checkout命令可以拉取特定的分支內容。

或者

5、沖突合並

VS Code 會檢測文件沖突,並以<<<<<,>>>>,====和顏色區分出來。

解決沖突之後,直接提交就行瞭。

6、文件比較

在git文件列表中,單擊一個未提交更改的文件,就會打開兩個窗口來顯示變更的內容。

三、連接遠程代碼倉庫

1、Git 全局設置:

先設置一下全局變量,以下命令直接在終端上輸入即可,成功之後會在你的電腦用戶跟目錄下生成一個 .gitconfig的配置文件,裡面包含著你的用戶名及

git config --global user.name "用戶名" 
git config --global user.email "用戶郵箱"

運行此命令時,第一次從遠程存儲庫中拉出或推送時,系統會詢問您用戶名和密碼。

這時候在C:\User\用戶名\下有一個名字叫.gitconfig文件,可以打開看到裡面的內容

2、使用pull方法

下面我們在github上創建一個Repository

復制地址備用。

https://github.com/BobinYang/YBB.DBUtils

接下來到當前Repository文件夾根目錄中,如果沒有初始化過,安裝文章開始初始化的方法,進行初始化。

然後執行下面的命令

git remote add origin https://github.com/BobinYang/YBB.DBUtils
git pull origin master

現在我們查看一下.git文件夾下的config文件,可以看到添加瞭遠程Reps地址。

接下來我們從下拉菜單中執行發佈命令。

這時會提醒我們輸入賬號和密碼。

輸入之後,會把本地提交的文件同步到github。同步之後再打開git的更多菜單,可以看到 同步等命令可以直接使用瞭。

你也可以在VSCode中將本地提交推至Github。選擇版本控制視圖中的Sync,或點擊狀態欄中的Synchronize Changes即可。

3、使用clone方法

當然我們也可以使用git 的clone命令,從遠程克隆一個Reps,然後直接用vscode打開文件夾, VS Code 會自動識別各項配置。

1、在vscode中輸入快捷鍵“Ctrl + Shift + P”打開vscode的命令框,在框中輸入“git clone”並回車,然後在文本框中輸入git代碼庫的地址,如下圖所示

2、對文件修改後,先添加文件到暫存區,就可以點擊提交圖標(如下圖所示),把改動的文件提交到本地代碼庫後,

點擊commit圖標旁邊的“…”圖標,會彈出一個大的菜單,選擇其中的“Push”把代碼提交到遠程代碼庫

3、創建branch

點擊左下角的分支圖標,如下圖所示,會彈出一個對話框輸入要創建新的branch的名字

4、持久化賬號

git的免密碼上傳的設置:到項目文件夾的 .git 文件夾裡面配置文件 config,配合URL的用戶名和密碼

這樣每次推送到github倉庫就不需要輸入賬戶和密碼瞭。

也可以可以全局存儲賬號, 解決這個問題。

Git 全局設置:

git config --global user.name "用戶名" 
git config --global user.password "用戶密碼"
git config --global user.email "用戶郵箱"

運行此命令時,第一次從遠程存儲庫中拉出或推送時,系統會詢問您用戶名和密碼。之後,為瞭與遠程存儲庫進行後續通信,您無需提供用戶名和密碼。

這時候在C:\\User\\用戶名\\下有一個名字叫.gitconfig文件,可以打開看到裡面的內容

設置讓VSCode記住git賬號和密碼

git config --global credential.helper wincred

關閉重新打開vsCode!!!!

到此這篇關於VScode中集成Git命令的文章就介紹到這瞭。希望對大傢的學習有所幫助,也希望大傢多多支持WalkonNet。

推薦閱讀: