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

創(chuàng)新新互聯(lián)，憑借十年的成都網(wǎng)站制作、網(wǎng)站建設(shè)經(jīng)驗(yàn)，本著真心·誠(chéng)心服務(wù)的企業(yè)理念服務(wù)于成都中小企業(yè)設(shè)計(jì)網(wǎng)站有上千余家案例。做網(wǎng)站建設(shè)，選成都創(chuàng)新互聯(lián)公司。

請(qǐng)確保你安裝了最新的VS Code.http://code.visualstudio.com/

請(qǐng)確保安裝了最新版的Git。https://git-scm.com/download。git安裝到環(huán)境變量里， 確保任意路徑可以訪問。

參考鏈接：https://code.visualstudio.com/Docs/editor/versioncontrol

VS Code 集成了Git功能，并支持基本的git命令，這使得我們能夠在開發(fā)過程方便的提交和獲取代碼。

1.1 初始化

首先我們創(chuàng)建一個(gè)名為gittest的文件夾，當(dāng)然它不在git的版本控制管理中。

用VS Code 打開這個(gè)文件夾，單擊左側(cè)的git圖標(biāo)。

我們可以看到“初始化GIT存儲(chǔ)庫”的按鈕，單擊。

初始化之后，我們首先看到的是git欄里顯示了當(dāng)前所有文件，有4個(gè)更改。

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

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

到目前為止我們?cè)诒镜貏?chuàng)建了一個(gè)代碼倉(cāng)庫，下面來看一下VS Code的git功能。

git 輸出

我們可以在隱藏的菜單中選擇git輸出，這樣我們每個(gè)操作都會(huì)顯示 在輸出區(qū)域，方便我們查看對(duì)應(yīng)的git命令。

提交保存

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

第二步是輸入提交信息。

第三步然后使用狀態(tài)欄的提交按鈕提交全部更改。

git命令列表

ctrl+shift+P，輸入git，會(huì)看到VS CODE支持的所有g(shù)it命令。

撤銷操作

輸入 Undo Last Commit，撤銷上次操作。輸入U(xiǎn)nstage,撤銷暫存。

分支

輸入Branch可以創(chuàng)建當(dāng)前內(nèi)容的分支。創(chuàng)建分支時(shí)需要輸入分支名稱。

checkout

創(chuàng)建分支后，使用checkout命令可以拉取特定的分支內(nèi)容。

沖突合并

VS Code 會(huì)檢測(cè)文件沖突，并以<<<<<,>>>>,====和顏色區(qū)分出來。

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

文件比較

在git文件列表中，單擊一個(gè)未提交更改的文件，就會(huì)打開兩個(gè)窗口來顯示變更的內(nèi)容。

連接遠(yuǎn)程代碼倉(cāng)庫

說了這么多，現(xiàn)在問題來了，在本機(jī)初始化一個(gè)代碼庫，一般沒什么卵用。 我們大多數(shù)情況是要連接遠(yuǎn)程的代碼服務(wù)器的。

下面我們?cè)趃ithub上創(chuàng)建一個(gè)Repository，復(fù)制地址備用。

接下來到當(dāng)前Repository文件夾根目錄中，如果沒有初始化過，安裝文章開始初始化的方法，進(jìn)行初始化。 然后執(zhí)行下面的命令

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

現(xiàn)在我們查看一下.git文件夾下的config文件，可以看到添加了遠(yuǎn)程Reps地址。

接下來我們從下拉菜單中執(zhí)行發(fā)布命令。

這時(shí)會(huì)提醒我們輸入賬號(hào)和密碼。

輸入之后，會(huì)把本地提交的文件同步到github。同步之后再打開git的隱藏菜單，可以看到 同步等命令可以直接使用了。

簡(jiǎn)化一點(diǎn)的方法

當(dāng)然我們也可以使用git 的clone命令，從遠(yuǎn)程克隆一個(gè)Reps，然后直接用vscode打開文件夾， VS Code 會(huì)自動(dòng)識(shí)別各項(xiàng)配置。

持久化賬號(hào)

遠(yuǎn)程連接git的問題解決了，如果你不想每次同步的時(shí)候都輸入賬號(hào)信息，可以全局存儲(chǔ)賬號(hào)， 解決這個(gè)問題。

git config --global credential.helper wincred

本文的大部分內(nèi)容都能從官方的文檔上找到，不過中文很多教程沒有解決連接遠(yuǎn)程 服務(wù)的問題，所以特地做了說明，希望對(duì)各位有所幫助。 最后，本篇文章作為實(shí)驗(yàn)內(nèi)容，同步到github的地址為： VS Code 集成git

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。