Git 版本控制
内容已升级至全栈资料库专题页 — 本页保留岗位速查
本页内容已整合至更权威的专题页面
原来的 Git 教程已由全栈资料库的 Git 内部原理图解系列全面覆盖——包含 SVG 可视化、对象模型深度解析、IDE 风格代码窗口和面试高频考点。
建议直接学习以下专题页:从底层原理到团队协作,深度远超本页原有内容。
01-Git 对象与存储图解 →
blob/tree/commit 对象模型、SHA-1 哈希、.git 目录结构、对象存储原理 SVG 图解
Git 内部原理02-Git 工作流与暂存区图解 →
工作区→暂存区→仓库 三区流转、git add 内部原理、索引文件结构、暂存区操作 SVG 动画
Git 内部原理03-Git 分支与合并图解 →
分支本质是指针、merge vs rebase 原理、快进合并 vs 三方合并、冲突解决机制 SVG 图解
Git 内部原理04-Git 远程协作图解 →
远程跟踪分支、fetch/pull/push 原理、PR/MR 工作流、GitFlow/Trunk-Based SVG 图解
🏭 中际旭创岗位速查
以下是制造业数据可视化项目的 Git 专用工作流和常见操作速查,不在通用专题页中。
01 — 大屏项目 Git 工作流
制造业大屏项目的典型 Git 工作流(简化 GitFlow):
# 1. 克隆项目
$ git clone https://gitlab.zhongji.com/visual/factory-dashboard.git
$ cd factory-dashboard
# 2. 创建功能分支(从最新 main 拉取)
$ git checkout main
$ git pull
$ git checkout -b feature/oee-dashboard
# 3. 开发 + 频繁提交
$ git add .
$ git commit -m "feat: 新增OEE看板组件"
# 4. 推送到远程 & 发起 Merge Request
$ git push -u origin feature/oee-dashboard
# → GitLab 上创建 MR,Code Review 后合并
# 5. 合并后清理本地分支
$ git checkout main
$ git pull
$ git branch -d feature/oee-dashboard
feature/ 新功能(如 feature/oee-dashboard)
fix/ 修 bug(如 fix/chart-overflow)
hotfix/ 紧急线上修复(如 hotfix/data-not-refresh)
不要直接在 main 上开发!
02 — VS Code Git 操作速查
大屏开发最常用的 VS Code Git 操作:
- 查看改动:左侧 Source Control 面板(Ctrl+Shift+G)
- 暂存单个文件:点击文件旁的
+号 - 暂存全部:点击 Changes 旁的
+号 - 撤销改动:点击文件旁的
↩号(⚠️ 不可恢复!) - 提交:输入 message → Ctrl+Enter
- 切换分支:左下角分支名 → 选择目标分支
- 查看历史:右键文件 →
Open Timeline - 对比差异:点击改动文件,自动打开 diff 视图
03 — 合并冲突解决速查
大屏项目中常见冲突场景及解决:
1. 打开冲突文件:VS Code 会高亮冲突区域,显示 Current Change / Incoming Change
2. 选择保留内容:点击 Accept Current / Accept Incoming / Accept Both
3. 标记已解决:git add 冲突文件 → git commit
- 同时改了同一组件:最常见,通常 Accept Both 后手动调整合并后的代码
- package.json 冲突:Accept Both 后重新
npm install确保依赖完整 - 锁文件冲突(package-lock.json):删掉重新
npm install生成 - 想放弃合并:
git merge --abort回到合并前状态