VSCode 中使用Git實踐,學會了效率翻倍

MirroZhou發表於2018-05-19

專案組突然將SVN程式碼全部遷到GIT上,一直在網上看到說VSCode對git支援不錯,使用方便。但是沒有找到較好的中文文件。看了下官方的英文文件,自己整理了一下使用vs code做git開發實踐。 需要的小哥哥姐姐們自己可以看英文原文哦Using Version Control in VS Code

部落格維護在git上,歡迎給一個star!!! github.com/MirroZhou/B…

官方文件目錄整理,具體大家可以看英文文件哦

  1. 程式碼管理工具
  2. Git支援
  3. Git狀態條
  4. 提交
  5. 克隆
  6. 分支和標籤
  7. 遠端
  8. 修改指引(Gutter Indicators ?? 翻譯不來了)
  9. Git輸出視窗
  10. 初始化倉庫
  11. 使用VS code作為Git編輯器

Git開發實踐

1. 程式碼克隆

其實這個功能不是很必要,用命令列克隆也很簡單。需要的話ctrl + shift + p 開啟命令皮膚,輸入>Git:clone回車並且輸入倉庫地址即可。

2. 檢視程式碼提交修改歷史

推薦安裝工具 Git history。這樣可以看整個倉庫檔案提交歷史,及修改地方

qq 20180503235533
qq 20180503235533

3. 檢視修改

在修改程式碼時,VS code會對不同的修改進行不同形式的標註:紅色箭頭代表有刪除行,藍色開頭代表修改,綠色開頭代表新增。

qq 20180503235533

Ctrl + shift + G 代開程式碼管理工具,可以看多修改了多少個檔案,可以點選...安裝其他版本控制工具

qq 20180503235533

可以檢視到當前檔案修改狀態:

  1. 檔名旁邊有個+ M,代表修改了但是沒有add。可以點選+ 執行git add 檔案操作,點選M可以看到具體修改。
  2. 檔名旁邊有- Madd了但是沒有commit
  3. 檔名旁邊沒有Mcommit 了。

qq 20180503235533

可以從左下角git狀態列檢視當前分支,是否分支有未更新的程式碼等。

qq 20180503235533

4. 程式碼提交

  • add 操作

除了使用命令列 git add .,上一步提到了可以在檢視修改皮膚中,點選修改的檔案右邊+號執行add 操作。

  • commit 操作

除了使用命令列 git commit -m 'some comments',可以在檢視修改皮膚上輸入一些修改文字,並且使用ctrl + enter 進行commit。或者點選頂部✔提交

qq 20180503235533

5. 衝突解決

當有衝突時,VS code會標註出當前修改,衝突的修改,可以同時儲存修改,或者只儲存當前的或者已提交的。

6. 在VS code中對git進行配置

輸入在vs code 命令列中輸入如下命令即可在編輯器裡開啟git配置。

  • 將vscode 作為git的預設編輯器

git config --global core.editor "code --wait"

  • 開啟git config編輯

git config --global -e

7. 使用VS code作為diff 工具

當我們輸入git diff .... 等命令,使用命令列看非常不直觀,通常是下面這一坨

qq 20180503235533

因此我們可以設定將diff內容通過vscode 視覺化顯示出來。使用上一步開啟git配置編輯命令,增加如下幾行

[diff]

tool = default-difftool

[difftool "default-difftool"]

`cmd = code --wait --diff $LOCAL $REMOTE`
複製程式碼

我們可以通過git log 檢視所有版本的修改,當我們需要檢視兩個版本version1 和 version2 的修改對比時

git difftool version1 version2

6. git自動拉取

在設定中輸入git, git.autofetch 設定為true

相關文章