6.1 Git 与 GitHub 使用

为什么需要 Git？

没有 Git 的痛点

场景 1：版本混乱 ❌

我的项目/
├── index.html
├── index_v2.html
├── index_最终版.html
├── index_最终版2.html
├── index_真的最终版.html
└── index_这次是真的.html

场景 2：团队协作困难 ❌

• 小明：我改了 A 文件
• 小红：我也改了 A 文件
• 结果：谁的版本是对的？如何合并？

场景 3：无法回退 ❌

• 今天改了代码，网站崩了
• 想回到昨天的版本
• 但是找不到了。..

使用 Git 后

Git 的优势 ✅

• ✅ 版本管理：每次提交都有记录，可以随时回退
• ✅ 分支开发：不同功能在不同分支，并行开发
• ✅ 团队协作：多人可以同时修改，自动合并
• ✅ 代码备份：代码托管在云端，永不丢失

类比理解：

• Git = 游戏的「存档」功能
• GitHub = 云端「存档」同步服务

Git 基础操作

什么是 Git？ Git 是一个版本控制系统（Version Control System），记录文件的每次修改。你可以把它想象成「无限次撤销」+ 「时光机」：可以看到任何时间点的代码状态，可以回退到任何版本，可以创建「平行宇宙」（分支）尝试不同想法。

安装 Git

Mac：

brew install git

Windows：

• 下载：https://git-scm.com/download/win 
• 安装并重启命令行

验证安装：

git --version

初始化仓库

第 1 步：在项目根目录初始化

cd my-project
git init

第 2 步：配置用户信息

git config --global user.name "Your Name"
git config --global user.email "[email protected]"

基础工作流程

Git 的三个区域：

• 工作区：你正在编辑的文件
• 暂存区（Staging Area）：git add 后文件进入这里，准备被提交
• 仓库（Repository）：git commit 后文件被永久记录

流程：修改文件 → git add（放入暂存区）→ git commit（保存到仓库）

# 1. 查看状态
git status
 
# 2. 添加文件到暂存区
git add .
# 或者添加单个文件
git add index.html
 
# 3. 提交更改
git commit -m "feat: 添加首页布局"
 
# 4. 查看提交历史
git log --oneline

分支管理

什么是分支？ 分支（Branch）就像「平行宇宙」。你可以在不影响主代码（main 分支）的情况下，创建一个新分支尝试新功能。成功了就合并回来，失败了就删掉分支。这样主代码始终保持稳定。

# 创建新分支
git branch feature/login
 
# 切换分支
git checkout feature/login
# 或者一步到位
git checkout -b feature/login
 
# 合并分支
git checkout main
git merge feature/login
 
# 删除分支
git branch -d feature/login