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的版本控制管理中。

Advertisements

用VS Code 打開這個文件夾,單擊左側的git圖標。

我們可以看到「初始化GIT存儲庫」的按鈕,單擊。

初始化之後,我們首先看到的是git欄里顯示了當前所有文件,有4個更改。

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

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

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

git 輸出

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

提交保存

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

第二步是輸入提交信息。

Advertisements

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

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.git

git 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

更多精彩內容,關注玄魂工作室微信訂閱號:xuanhun521

Advertisements

你可能會喜歡