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。

image_thumb5

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

https://git-scm.com/downloads

image

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

image

安裝Git2.26.2版本

image_thumb61

安裝后重啟VSCode。

2、本地創建存儲庫

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

image_thumb71

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

image_thumb9

自動生成.git文件夾

image_thumb10

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

image_thumb13

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

二、git常用操作

查看git命令

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

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

image_thumb11

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

Git輸出

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

image

1、暫存更改

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

image

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

image

2、提交暫存

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

image

3、創建分支

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

image_thumb14

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

4、checkout簽出

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

或者

image_thumb15

5、沖突合並

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

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

6、文件比較

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

三、連接遠程代碼倉庫

1、Git 全局設置:

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

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

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

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

image

2、使用pull方法

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

image

復制地址備用。

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

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

然后執行下面的命令

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

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

image_thumb25

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

image_thumb27

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

image_thumb28

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

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

image

image

3、使用clone方法

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

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

image_thumb17

image_thumb18

image_thumb19

image_thumb20

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

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

image_thumb23

3、創建branch

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

vscode怎么使用git

4、持久化賬號

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

image_thumb29

這樣每次推送到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!!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM