53787
项目组突然将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
3267
南极一块修炼千年的大冰块
JavaScript
1.0w
失色的瞳孔
JavaScript
HTTPS
769
CUGGZ
Visual Studio Code
JavaScript
2248
IT程序狮
Visual Studio Code