專案組突然將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
。這樣可以看整個倉庫檔案提交歷史,及修改地方
![qq 20180503235533](https://i.iter01.com/images/64be744453e95d4f8ef50be3a538a2c9dccedd2a7cfd4ff85b9ae1f5f6034c7a.png)
![qq 20180503235533](https://i.iter01.com/images/95ecc1c6f4ee60b12568289897bfcb77cab7224a1a5e9723e5454167b3b2f82e.png)
3. 檢視修改
在修改程式碼時,VS code會對不同的修改進行不同形式的標註:紅色箭頭代表有刪除行,藍色開頭代表修改,綠色開頭代表新增。
![qq 20180503235533](https://i.iter01.com/images/f4f4481772909cff28e5bfa6606ec8d40fb38beb35afd9297a4b90e30f5071b3.png)
Ctrl + shift + G
代開程式碼管理工具,可以看多修改了多少個檔案,可以點選...
安裝其他版本控制工具
![qq 20180503235533](https://i.iter01.com/images/013e5e91cd29e77fc498bfd6130945bad2578ebaf630575dfcc973c6860d1530.png)
可以檢視到當前檔案修改狀態:
- 檔名旁邊有個
+ M
,代表修改了但是沒有add。可以點選+
執行git add
檔案操作,點選M
可以看到具體修改。 - 檔名旁邊有
- M
add了但是沒有commit - 檔名旁邊沒有
M
commit 了。
![qq 20180503235533](https://i.iter01.com/images/512adc0ad95221945fdcc73ba8d74f2712eed6f7f83e9533cadf1934aa494d7d.png)
可以從左下角git狀態列檢視當前分支,是否分支有未更新的程式碼等。
![qq 20180503235533](https://i.iter01.com/images/a2dd72ddfe3cc048fd851f7839a78b5fcd2440caad4cc7d88f0d550850563941.png)
4. 程式碼提交
- add 操作
除了使用命令列 git add .
,上一步提到了可以在檢視修改皮膚中,點選修改的檔案右邊+
號執行add
操作。
- commit 操作
除了使用命令列 git commit -m 'some comments'
,可以在檢視修改皮膚上輸入一些修改文字,並且使用ctrl + enter
進行commit。或者點選頂部✔提交
![qq 20180503235533](https://i.iter01.com/images/13811c896f34d5967403caaf3ed227f9083c5cf18c44cbeaf1029911a777b24e.png)
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](https://i.iter01.com/images/3fcef3d036e5873b47346edbdbd8ae0273a79cc1aa75ae76067dae08f9592080.png)
因此我們可以設定將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