VS Code Git 神器:内置功能与GitLens插件使用技巧

作为一名前端开发者,我们每天都要与代码版本控制打交道。Git虽然功能强大,但手敲命令行较为麻烦。而VS Code提供了强大的内置Git功能和增强插件,让我们能够通过直观的可视化界面完成绝大多数Git操作,在团队协作开发下,提升开发效率。本文主要介绍工作中常见场景下的一些git操作。

1. 基本用法

1.1 主要功能区

1.2 Git 执行日志可以从输出->git 中查看

通过这个可以看到交互方式具体执行的命令。可以在与自己预期不符情况下,进行check。

具体操作参考:

2. 落后提交时,git使用技巧

落后提交两种情况:

  • 自己分支合入主分支后,此分支落后提交
  • 自己从主分支拉取分支后,同事往主分支合入了代码,此时落后提交

此时,需要在当前分支加入最新的提交(不管有没有冲突,都建议合入最新分支),两种合并方式:

  • rebase:(个人分支开发时,推荐用法,保持分支记录干净)

两步可视化操作: git fetch origin + git rebase origin/master

  1. git fetch origin :先获取最新的远程提交 2. git rebase origin/master

对应可视化操作:

但该可视化操作,并不会自动执行git stash。在有工作区文件修改时,不太方便,此时只能手动执行stash。 要么添加--autostash参数:git rebase origin/master --autostash,要么git stash +git rebase origin/master + git stash pop

--autostash: 先执行git stash,若git rebase 执行完,再git stash pop,注意,如果有冲突,不会git stash pop,可从stash区手动pop

  • Merge :git pull origin master (git pull = git fetch + git merge)

git merge/ git rebase区别

3. fork模式下的分支开发技巧

开源项目和公司里,有时会不允许在代码仓里建新分支,而是fork仓里建分支来进行合并提交

步骤:

  • 添加fork仓的源(可命名为fork,区别于origin)
  • 基于源代码仓的主干分支,创建本地主干分支(这一步是为了同步原仓的修改,若从fork仓进行同步,会有多余操作,比较麻烦)
  • 开发时,基于本地主分支,创建开发分支。推送时,选择推送到fork仓。

可以看到此时未关联远程分支。

  • 当主分支更新时,本地开发分支落后提交,同样采用rebase 合并。(与前面一样的操作)

4. 回退操作。

用于遗漏提交或误写的场景,避免这些提交记录影响代码的提交历史,也是很常用的

4.1 回退工作区文件

4.2 回退已暂存文件到工作区

4.3 回退最新提交到暂存区

撤回提交,到暂存区,可以连续撤销。

对应代码git reset --soft HEAD~

注意:只能撤销最新的提交,如果需要撤销多次提交,可以连续操作,或者使用命令

写在最后,vscode git 看起来功能很多,但是并不复杂,熟能生巧。可以新建个练习git的仓库进行练习。熟练之后,开发精力就不会被消耗在分支使用上了!

相关推荐
wangruofeng9 小时前
Phosphor Icons 官网源码拆解:URL 即存储、水波动画与 7362 Star 图标库的架构实践
前端·架构·github
wangruofeng9 小时前
AI 画架构图总差点意思,archify 给它加了一条验收流水线
架构·github·aigc
林澈在路上11 小时前
AI翻唱软件哪个好 2026国产AI写歌工具对比推荐
大数据·人工智能·深度学习·github·aigc·音视频·音频
百变梦仔14 小时前
Codex 写前端任务时,我用这张 GitHub Skill 地图先选工具
前端·github
u13013018 小时前
GitHub 热榜项目:日榜(2026-08-29)
github
mooooooooooye20 小时前
SSH 工具越用越乱,Xterminal 先清掉这三类失效连接
运维·ssh·github
x8620 小时前
GitHub 8·17 大故障复盘:7 小时 47 分钟的容量失败与重试风暴教训
github
TunerT_TQ21 小时前
Meta|Flow 源码结构解析:一个大型 JavaScript 静态类型检查项目的工程化实践
meta·开源·github
m4Rk_1 天前
【论文阅读】Agent 记忆机制(54):MINJA——普通用户如何仅通过查询污染 Agent 的长期记忆
论文阅读·人工智能·学习·开源·github
轮到我狗叫了1 天前
git - 版本控制工具 - 对应的常见命令 - 以及无需后续每次手动source conda
git