VS Code Git 集成功能有哪些？

VS Code 内置了强大的 Git 集成功能，提供直观的界面和丰富的命令，使版本控制操作更加高效便捷。

Git 集成基础

启用 Git 集成

VS Code 会自动检测 Git 仓库，并在左侧活动栏显示源代码管理图标。

源代码管理视图

• 更改区域: 显示未暂存的更改
• 暂存区域: 显示已暂存的更改
• 输入框: 输入提交信息

常用 Git 操作

查看更改

1. 打开源代码管理视图
2. 点击文件查看差异
3. 使用并排或内联视图

暂存更改

• 点击文件旁的 + 号暂存单个文件
• 点击 + 暂存所有更改
• 右键文件选择 "Stage Changes"

提交更改

1. 暂存要提交的文件
2. 在输入框中输入提交信息
3. 按 Ctrl+Enter 或点击提交按钮

分支操作

• 创建分支: 点击分支名称 > Create new branch
• 切换分支: 点击分支名称选择目标分支
• 合并分支: 通过命令面板执行合并
• 删除分支: 右键分支 > Delete Branch

高级 Git 功能

分支可视化

• Git Graph 扩展: 可视化分支历史
• 内置分支图: 查看分支关系

冲突解决

1. 打开有冲突的文件
2. VS Code 会标记冲突区域
3. 选择 "Accept Current Change" 或 "Accept Incoming Change"
4. 或手动编辑解决冲突
5. 标记为已解决

暂存（Stash）

• 通过命令面板: "Git: Stash"
• 暂存当前更改，切换到其他工作
• 通过 "Git: Stash Pop" 恢复

变基（Rebase）

• 通过命令面板: "Git: Rebase"
• 选择要变基的分支
• 处理可能的冲突

Git 配置

用户配置

json
{
  "git.enableSmartCommit": true,
  "git.autofetch": true,
  "git.confirmSync": false,
  "git.postCommitCommand": "none"
}

忽略文件

在项目根目录创建 .gitignore:

shell
node_modules/
dist/
.env
*.log

Git 配置文件

在 .vscode/settings.json 中配置 Git 行为:

json
{
  "git.ignoreLimitWarning": true,
  "git.path": "/usr/bin/git"
}

Git 扩展推荐

GitLens

增强 Git 功能，提供代码作者信息、提交历史等。

Git Graph

可视化 Git 分支历史和提交记录。

Git History

查看文件历史和比较不同版本。

常用快捷键

• Ctrl+Shift+G: 打开源代码管理视图
• Ctrl+Enter: 提交更改
• Alt+左/右箭头: 在更改中导航
• Ctrl+Shift+P > Git: 访问所有 Git 命令

注意事项

• 确保 Git 已正确安装并配置
• 大型仓库可能影响性能
• 定期拉取远程更改
• 使用有意义的提交信息
• 考虑使用分支保护策略