專案組突然將SVN程式碼全部遷到GIT上,一直在網上看到說VSCode對git支援不錯,使用方便。但是沒有找到較好的中文文件。看了下官方的英文文件,自己整理了一下使用vs code做git開發實踐。 需要的小哥哥姐姐們自己可以看英文原文哦Using Version Control in VS Code
部落格維護在git上,歡迎給一個star!!! github.com/MirroZhou/B…
官方文件目錄整理,具體大家可以看英文文件哦
- 程式碼管理工具
- Git支援
- Git狀態條
- 提交
- 克隆
- 分支和標籤
- 遠端
- 修改指引(Gutter Indicators ?? 翻譯不來了)
- Git輸出視窗
- 初始化倉庫
- 使用VS code作為Git編輯器
Git開發實踐
1. 程式碼克隆
其實這個功能不是很必要,用命令列克隆也很簡單。需要的話ctrl + shift + p
開啟命令皮膚,輸入>Git:clone
回車並且輸入倉庫地址即可。
2. 檢視程式碼提交修改歷史
推薦安裝工具 Git history
。這樣可以看整個倉庫檔案提交歷史,及修改地方
3. 檢視修改
在修改程式碼時,VS code會對不同的修改進行不同形式的標註:紅色箭頭代表有刪除行,藍色開頭代表修改,綠色開頭代表新增。
Ctrl + shift + G
代開程式碼管理工具,可以看多修改了多少個檔案,可以點選...
安裝其他版本控制工具
可以檢視到當前檔案修改狀態:
- 檔名旁邊有個
+ M
,代表修改了但是沒有add。可以點選+
執行git add
檔案操作,點選M
可以看到具體修改。 - 檔名旁邊有
- M
add了但是沒有commit - 檔名旁邊沒有
M
commit 了。
可以從左下角git狀態列檢視當前分支,是否分支有未更新的程式碼等。
4. 程式碼提交
- add 操作
除了使用命令列 git add .
,上一步提到了可以在檢視修改皮膚中,點選修改的檔案右邊+
號執行add
操作。
- commit 操作
除了使用命令列 git commit -m 'some comments'
,可以在檢視修改皮膚上輸入一些修改文字,並且使用ctrl + enter
進行commit。或者點選頂部✔提交
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 ....
等命令,使用命令列看非常不直觀,通常是下面這一坨
因此我們可以設定將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