编程语言大前端
VSCode Git 插件详解与配置指南
VSCode 内置 Git 功能及推荐插件。涵盖 GitLens、Git Graph 等核心工具的特性与配置，提供个人开发、团队协作场景的插件组合建议。包含快捷键设置、冲突解决流程及性能优化方案，帮助开发者提升版本管理效率。
VSCode 内置 Git 功能及推荐插件。涵盖 GitLens、Git Graph 等核心工具的特性与配置，提供个人开发、团队协作场景的插件组合建议。包含快捷键设置、冲突解决流程及性能优化方案，帮助开发者提升版本管理效率。
VSCode 自带了强大的 Git 集成功能：
最全面的 Git 增强工具
{
"gitlens.codeLens.enabled": true,
"gitlens.currentLine.enabled": true,
"gitlens.blame.enabled": true,
"gitlens.hovers.enabled": true
}
GitLens 提供的额外功能：
- 交互式 rebase 编辑器
- 提交图可视化
- 存储库/文件/行级历史
- 快速提交导航
- 分支和标签管理
图形化 Git 历史查看器
- 查看复杂的分支结构
- 理解团队协作的提交历史
- 解决合并冲突前的分析
- 查看特定功能开发历程
详细的 Git 历史查看
增强的 Git Blame 功能
Git 插件集合包
包含的插件：
GitHub PR 管理
Git 提交表情符号
约定式提交规范
必备插件:
- GitLens: 全方位的 Git 增强
- Git Graph: 可视化历史
推荐配置:
1. 开启 GitLens 的行级信息
2. 使用 Git Graph 查看历史
3. 使用内置 Git 进行日常操作
必备插件:
- GitLens: 了解代码历史
- GitHub Pull Requests: PR 管理
- Conventional Commits: 规范提交
推荐配置:
1. 使用 Conventional Commits 保持提交规范
2. 用 GitHub PR 插件进行代码审查
3. 通过 GitLens 了解代码作者
必备插件:
- Git History: 详细历史
- Git Blame: 责任追踪
- Gitmoji: 可视化提交
推荐配置:
1. 用 Git History 分析项目进展
2. 通过 Git Blame 了解代码来源
3. 用 Gitmoji 让提交更直观
{
"gitlens.codeLens.enabled": true,
"gitlens.codeLens.recentChange.enabled": true,
"gitlens.codeLens.authors.enabled": true,
"gitlens.currentLine.enabled": true,
"gitlens.currentLine.dateFormat": "相对时间",
"gitlens.blame.heatmap.enabled": true,
"gitlens.blame.format": "${author.name}, ${ago}",
"gitlens.statusBar.enabled": true,
"gitlens.statusBar.date": true,
"gitlens.advanced.messages": {"suppressShowKeyBindingsNotice": true}
}
{
"git-graph.commitDetailsView.location": "右侧",
"git-graph.date.format": "相对",
"git-graph.graph.colours": ["#1f77b4", "#ff7f0e", "#2ca02c"],
"git-graph.repository.commits.fetchAvatars": true,
"git-graph.repository.onLoad.showStatusBarItem": true
}
{
"git.enableSmartCommit": true,
"git.confirmSync": false,
"git.autofetch": true,
"git.autofetchPeriod": 60,
"git.ignoreLegacyWarning": true,
"git.ignoreMissingGitWarning": true,
"git.openDiffOnClick": true,
"git.inputValidationLength": 72,
"git.inputValidationSubjectLength": 50
}
VSCode 中的 Git 工作流：
1. 修改代码
2. 查看源代码管理面板（Ctrl+Shift+G）
3. 暂存修改的文件
4. 编写提交信息（可以使用插件辅助）
5. 提交并推送
使用 VSCode 解决冲突：
1. 发生冲突时，VSCode 会提示
2. 点击'解决冲突'按钮
3. 使用内置的合并工具
4. 选择'接受当前更改'、'接受传入更改'或手动编辑
5. 保存文件并标记为已解决
使用 GitHub PR 插件：
1. 安装 GitHub Pull Requests 插件
2. 登录 GitHub 账号
3. 在 VSCode 中查看 PR 列表
4. 进行代码审查和评论
5. 直接在编辑器中回复评论
使用 GitLens 追溯历史：
1. 安装 GitLens
2. 鼠标悬停在代码行上查看修改历史
3. 点击时间线图标查看文件历史
4. 使用提交搜索查找特定修改
[
{"key": "ctrl+g c", "command": "git.commit"},
{"key": "ctrl+g p", "command": "git.push"},
{"key": "ctrl+g l", "command": "git.pull"},
{"key": "ctrl+shift+g g", "command": "git.graph"}
]
Ctrl+Shift+G：打开源代码管理Ctrl+Enter：提交（在提交信息框中）Alt+↓：下一个差异Alt+↑：上一个差异{
"gitlens.advanced.caching.enabled": true,
"git.autofetch": false,
"git.repositoryScanMaxDepth": 2,
"gitlens.defaultDateFormat": null
}
{
"gitlens.codeLens.enabled": false,
"gitlens.currentLine.enabled": true,
"gitlens.statusBar.enabled": true
}
新手:
1. 先熟悉内置 Git 功能
2. 安装 GitLens 增强体验
3. 逐步添加其他插件
进阶用户:
1. GitLens + Git Graph 组合
2. 配置个性化快捷键
3. 使用插件提高效率
VSCode 的 Git 生态系统非常丰富，建议从内置功能开始，逐步添加需要的插件。GitLens 是绝大多数开发者的首选，它几乎覆盖了所有 Git 相关的增强需求。
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML 转 Markdown 互为补充。 在线工具，Markdown 转 HTML在线工具，online
将 HTML 片段转为 GitHub Flavored Markdown，支持标题、列表、链接、代码块与表格等；浏览器内处理，可链接预填。 在线工具，HTML 转 Markdown在线工具，online
通过删除不必要的空白来缩小和压缩JSON。 在线工具，JSON 压缩在线工具，online
将JSON字符串修饰为友好的可读格式。 在线工具，JSON美化和格式化在线工具，online