VS Code + Git 分支操作指南（附流程图）

本指南将手把手教你如何在 Visual Studio Code (VS Code) 中使用 Git 进行项目开发管理，配合标准分支模型（main、develop、feature/* 等），并附上直观的流程图，适合新手快速上手！

---

📌 前置准备

1. 安装 Git
2. 安装 VS Code
3. 安装 VS Code 插件：GitLens（可选但推荐）
4. 配置 Git 用户信息：

git config --global user.name "你的名字"
git config --global user.email "你的邮箱"

---

🚀 Git 分支规范（简述）

分支	用途
main	线上生产环境代码
develop	日常开发主干
feature/*	新功能开发
bugfix/*	问题修复
release/*	发布准备
hotfix/*	紧急线上修复

---

🔧 VS Code Git 操作流程

1. 克隆远程仓库

• 打开 VS Code → Ctrl + Shift + P → 输入 Git: Clone
• 粘贴 Git 仓库地址 → 选择本地文件夹 → 自动打开项目

2. 创建新分支

点击左侧 Git 图标 → 三个点菜单「…」→ Checkout to... → Create new branch
命名如：feature/login-ui

3. 修改代码并提交

• 修改文件后点击左侧「源代码管理」图标
• 输入提交信息 → 点击 √ 提交

4. 推送到远程分支

点击「…」→ Push，或终端执行：

git push --set-upstream origin feature/login-ui

5. 合并分支（提交 PR）

• 使用 GitLab/GitHub 网页操作合并
• 或在 VS Code 使用 merge 命令（适合熟练用户）

6. 删除分支

合并后，可在远程仓库或终端执行：

git branch -d feature/login-ui
git push origin --delete feature/login-ui

---

🧭 操作流程图（Mermaid）

以下是 VS Code + Git 分支操作的完整流程图 👇

---

✅ 小贴士

• 推荐使用 GitLens 插件，能直观显示每行代码的提交人和历史。
• 使用 .gitignore 忽略不必要的文件（如 .vscode/、__pycache__/ 等）。
• 每次提交请保持简洁明了，如：

fix: 修复登录页面跳转错误
feat: 新增用户注册功能
refactor: 重构权限校验逻辑

---