MirroZhou / Blog

不茫茫学习,安心沉淀
25 stars 3 forks source link

VSCode 工具笔记之版本控制Git实践 #6

Open MirroZhou opened 6 years ago

MirroZhou commented 6 years ago

项目组突然将SVN代码全部迁到GIT上,一直在网上看到说VSCode对git支持不错,使用方便。但是没有找到较好的中文文档。看了下官方的英文文档,自己整理了一下使用vs code做git开发实践。 需要的小哥哥姐姐们自己可以看英文原文哦Using Version Control in VS Code

官方文档目录整理,具体大家可以看英文文档哦

  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 .修改了但是没有add,2 add了但是没有commit, 3 commit 了。可以点击+ 执行git add 文件操作,点击M可以看到具体修改。

qq 20180503235533

可以从左下角git状态栏查看当前分支,是否分支有未更新的代码等。

qq 20180503235533

4. 代码提交

qq 20180503235533

5. 冲突解决

当有冲突时,VS code会标注出当前修改,冲突的修改,可以同时保存修改,或者只保存当前的或者已提交的。

6. 在VS code中对git进行配置

输入在vs code 命令行中输入如下命令即可在编辑器里打开git配置。

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

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

xieyuanbin1 commented 6 years ago

"Ctrl + shift + G 代开代码管理工具,可以看多修改了多少个文件,可以点击...安装其他版本控制工具", trl + shift + G 打开代码管理工具,可以看到修改了多少个文件,可以点击...安装其他版本控制工具。 另外gitlens这个插件不错,可以尝试一下。

MirroZhou commented 6 years ago

@xybin1990 看了下gitLens的文档,很强大