跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像AI 生图工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
编程语言大前端

VS Code 与 Git 完整安装及配置指南

VS Code 配合 Git 进行版本管理是开发标配流程。内容涵盖从环境搭建到日常提交推送的完整操作,包含插件推荐与常见问题排查,帮助开发者快速建立本地版本控制工作流。

涅槃凤凰发布于 2026/3/27更新于 2026/7/1931 浏览
VS Code 与 Git 完整安装及配置指南

VS Code 与 Git 集成开发指南

在 VS Code 中进行版本控制是开发者的日常工作。以下流程涵盖了从 Git 环境搭建到 VS Code 插件配置,再到常用命令操作的完整步骤。

1. 安装 Git

VS Code 依赖系统级的 Git 工具才能运行版本控制功能。

Windows 环境

访问官网 https://git-scm.com/downloads 下载 Windows 安装包。安装过程中保持默认选项即可,无需额外配置。

macOS 环境

推荐使用 Homebrew 安装:

brew install git

验证安装

打开终端(VS Code 内快捷键 Ctrl + `),输入:

git --version

若显示版本号,说明安装成功。

2. 全局配置

首次使用前需设置用户身份,这决定了提交记录的署名信息。只需执行一次:

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

可通过以下命令检查配置是否生效:

git config --list

3. 推荐插件

为了提升效率,建议安装以下两个扩展:

  1. GitLens:增强代码历史查看能力,支持行级 blame 和分支对比。
  2. Git Graph:提供可视化的提交图谱,方便理解分支结构。

在 VS Code 扩展市场搜索名称并点击安装即可。

4. 常用操作流程

初始化仓库

在项目根目录终端执行:

git init

提交代码

  1. 点击左侧源代码管理图标(Ctrl + Shift + G)。
  2. 在输入框填写提交说明(Commit Message)。
  3. 点击'提交'按钮。

关联远程仓库

将本地仓库与 GitHub、Gitee 或 GitLab 上的远程地址绑定:

git remote add origin <你的仓库地址>

推送到远程

首次推送时指定上游分支:

git push -u origin main

*注:部分旧项目可能使用 master 作为主分支名,请根据实际情况调整。

5. 常用快捷键

  • Ctrl + Shift + G:打开 Git 面板
  • Ctrl + Enter:快速提交当前修改
  • 点击文件名:查看具体变更内容
  • 点击分支名:快速切换分支

6. 常见问题排查

Git 命令不生效

尝试重启 VS Code,确保环境变量已加载。

提交冲突

如果远程有更新,先拉取再提交:

git pull

推送频繁要求输入密码

配置凭证存储以记住登录信息:

git config --global credential.helper store

7. 核心要点回顾

  • 先装 Git,再配 VS Code。
  • 务必配置用户名和邮箱。
  • 善用 GitLens 和 Git Graph 插件。
  • 日常操作尽量通过图形界面完成,复杂场景再敲命令。

目录

  1. VS Code 与 Git 集成开发指南
  2. 1. 安装 Git
  3. Windows 环境
  4. macOS 环境
  5. 验证安装
  6. 2. 全局配置
  7. 3. 推荐插件
  8. 4. 常用操作流程
  9. 初始化仓库
  10. 提交代码
  11. 关联远程仓库
  12. 推送到远程
  13. 5. 常用快捷键
  14. 6. 常见问题排查
  15. Git 命令不生效
  16. 提交冲突
  17. 推送频繁要求输入密码
  18. 7. 核心要点回顾
  • 免费图片AI生成工具免费生成了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 免费图片视频在线生成30秒,将你的创意变成现实开始设计
  • X/Twitter免费视频下载器免登陆无限额度免费视频解析下载了解详情
  • 100+免费在线小游戏爽一把
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • 基于腾讯云 HAI 与 DeepSeek 快速搭建个人网页
  • C++ STL 算法分类速查与常见坑
  • 多模态 AI 如何重塑人机交互的未来
  • ERNIE-4.5 模型单卡部署与心理健康机器人实战
  • 踩坑与成长:WordPress、MyBatis-Plus 及前端依赖问题解决记录
  • 自行车在线租赁系统设计与实现(SSM 框架)
  • C++ 继承中友元、静态成员与菱形继承的坑与解法
  • Linux 下 libwebkit2gtk-4.1-0 安装与使用指南
  • AI 绘画在商业设计中的应用与版权探讨
  • .NET 集成 GoView 低代码可视化大屏实战
  • C++ 红黑树:插入与平衡修复的直观理解
  • VMware Workstation 17 下 Ubuntu 24.04 虚拟机卡死问题排查与解决
  • 鸿蒙金融理财全栈项目:架构、安全与体验
  • OpenClaw 本地 AI 助手安装与配置实战
  • OpenClaw 在 Mac 上本地化部署及接入飞书教程
  • 2024 大模型行业应用十大典范案例集发布
  • 通义灵码 AI 程序员 实操全指南:从 IDE 安装到全栈需求落地(多文件批量修改 + 报错自动修复 + 跨语言开发)
  • Flutter 三方库 dart_webrtc 的鸿蒙化适配指南
  • 2026 年 2 月 AIGC 行业模型发布与前沿技术动态汇总
  • GitHub 日榜精选:AI 智能体与开发工具趋势

相关免费在线工具

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online

  • HTML转Markdown

    将 HTML 片段转为 GitHub Flavored Markdown,支持标题、列表、链接、代码块与表格等;浏览器内处理,可链接预填。 在线工具,HTML转Markdown在线工具,online

  • JSON 压缩

    通过删除不必要的空白来缩小和压缩JSON。 在线工具,JSON 压缩在线工具,online

  • JSON美化和格式化

    将JSON字符串修饰为友好的可读格式。 在线工具,JSON美化和格式化在线工具,online