VScode中集成Git命令詳解

Posted on by

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。

推薦閱讀：