Visual Studio Code 使用Git進資料列版本設定

標籤：rgb   one   undo   fonts   狀態列   技術分享   過程   conf   執行   

Visual Studio Code 使用Git進資料列版本設定

本來認為此類教程，肯定是滿網飛了。今天首次使用VS Code的Git功能，翻遍了 所有中文教程，竟沒有一個靠譜的。遂動筆寫一篇。

• 請確保你安裝了最新的VS Code.http://code.visualstudio.com/
• 請確保安裝了最新版的Git。https://git-scm.com/download。git安裝到環境變數裡， 確保任意路徑可以訪問。
• 參考連結：https://code.visualstudio.com/Docs/editor/versioncontrol

VS Code 整合了Git功能，並支援基本的git命令，這使得我們能夠在開發過程方便的提交和擷取代碼。

1.1 初始化

首先我們建立一個名為gittest的檔案夾，當然它不在git的版本控制管理中。

用VS Code 開啟這個檔案夾，單擊左側的git表徵圖。

我們可以看到“初始化GIT存放庫”的按鈕，單擊。

 初始化之後，我們首先看到的是git欄裡顯示了當前所有檔案，有4個更改。

全部或者單個檔案都可以選擇暫存或者清理掉。

在上方有提交和重新整理按鈕，下拉式功能表裡有更多選項。 再回到我們的檔案中，剛才的操作建立了一個.git檔案夾，放置了當前倉庫的所有 設定檔，如。

到目前為止我們在本地建立了一個代碼倉庫，下面來看一下VS Code的git功能。

git 輸出

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

提交儲存

提交儲存的第一步是暫存檔案。

第二步是輸入提交資訊。

第三步然後使用狀態列的提交按鈕提交全部更改。

git命令列表

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

撤銷操作

輸入 Undo Last Commit，撤銷上次操作。輸入Unstage,撤銷暫存。

分支

輸入Branch可以建立當前內容的分支。建立分支時需要輸入分支名稱。

 

checkout

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

衝突合并

VS Code 會檢測檔案衝突，並以<<<<<,>>>>,====和顏色區分出來。

解決衝突之後，直接提交就行了。

檔案比較

在git檔案清單中，單擊一個未提交更改的檔案，就會開啟兩個視窗來顯示變更的內容。

串連遠程代碼倉庫

說了這麼多，現在問題來了，在本機初始化一個程式碼程式庫，一般沒什麼卵用。 我們大多數情況是要串連遠端代碼伺服器的。

下面我們在github上建立一個Repository，複製地址備用。

 

接下來到當前Repository檔案夾根目錄中，如果沒有初始化過，安裝文章開始初始化的方法，進行初始化。 然後執行下面的命令

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

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

接下來我們從下拉式功能表中執行發布命令。

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

輸入之後，會把本地提交的檔案同步到github。同步之後再開啟git的隱藏菜單，可以看到 同步等命令可以直接使用了。

簡化一點的方法

當然我們也可以使用git 的clone命令，從遠程複製一個Reps，然後直接用vscode開啟檔案夾， VS Code 會自動識別各項配置。

持久化帳號

遠端連線git的問題解決了，如果你不想每次同步的時候都輸入帳號資訊，可以全域儲存帳號， 解決這個問題。

git config --global credential.helper wincred

小結

本文的大部分內容都能從官方的文檔上找到，不過中文很多教程沒有解決串連遠程 服務的問題，所以特地做了說明，希望對各位有所協助。 最後，本篇文章作為實驗內容，同步到github的地址為： VS Code 整合git

更多精彩內容，關注玄魂工作室訂閱號：

Visual Studio Code 使用Git進資料列版本設定