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

VSCode 使用 Git 快速提交代码指南

综述由AI生成在 VSCode 中利用 Git 进行代码提交的完整流程。内容包括安装 Git 配置、初始化仓库、通过源代码管理面板暂存和提交更改、编写提交信息,以及将本地代码推送到远程仓库。文章涵盖了图形化界面操作与命令行配置的混合使用,帮助开发者高效完成版本控制任务。

赛博行者发布于 2026/3/27更新于 2026/6/129 浏览
VSCode 使用 Git 快速提交代码指南

在日常开发中,代码提交是版本控制的核心环节。许多开发者习惯于命令行操作,但 VSCode 提供了极为便捷的图形化界面,让代码提交更加直观、高效。

1. 前期准备

(1) 安装 Git:确保你的电脑已安装 Git,并在终端中执行 git --version 检查。

Git Version Check

(2) 打开项目:在 VSCode 中打开你的项目文件夹。

(3) 初始化仓库(如需要):如果项目尚未初始化 Git 仓库,可点击左侧源代码管理图标(或按 Ctrl+Shift+G),选择'Initialize Repository'。

对应 git 命令行是:git init

Init Repo

这时在你的项目文件夹里创建一个隐藏的 .git 文件夹,表示这个文件夹已经被 Git 管理了。

2. 打开源代码管理面板

快捷键:Ctrl+Shift+G(Windows/Linux)或 Cmd+Shift+G(Mac)。

图标:点击左侧活动栏中的分支/三圆点图标。

SCM Panel

3. 查看和暂存更改

(1) 查看变更文件:在源代码管理面板中,可以看到所有已修改或新增的文件列表。

Changes List

(2) 暂存单个文件:点击文件名旁的 + 号,将该文件加入暂存区。

Stage Single

(3) 暂存所有文件:点击列表上方的 + 号,将所有更改一次性暂存。

Stage All

实用提示:如果误暂存,可点击暂存区文件旁的 回退按钮 取消暂存。

Undo Stage

4. 编写提交信息

在源代码管理面板顶部的消息框中,输入本次提交的说明。

推荐格式:简洁明了,例如'修复 bug:xxx'或'新增功能:xxx'。

Commit Message

5. 提交代码

方式一:点击消息框右侧的'√'按钮。

方式二:使用快捷键 Ctrl+Enter(Windows/Linux)或 Cmd+Enter(Mac)。

提交后,代码将保存到本地 Git 仓库。

Submit Code

注意:提交前要配置 git 的用户信息。

  • 在你第一次使用 Git 时,需要告诉 Git 你是谁,这样它才能记录每次提交的作者信息。这个操作只需要做一次。
  • 打开终端,输入以下两条命令,将 "你的用户名" 和 "你的邮箱" 替换成你自己的信息。
# 配置单个项目 git 的 user.name 和 user.email
git config user.name "你的 github/gitee 用户名"
git config user.email "邮箱地址"

# 全局配置命令则如下:
git config --global user.name "your_username" # 配置用户名
git config --global user.email "your_email" # 配置邮箱

再用 git log 查看是否提交成功:

Git Log

6. 推送到远程仓库

点击源代码管理面板右上角的三个点(更多操作),选择'Push'。

首次推送可能需要输入远程仓库地址、用户名和密码。

推送成功后,你的代码将同步到远程仓库。

以创建新仓库为例:

(1) 登录你的账号。

(2) 点击页面右上角的 "+" 号,选择 '新建仓库'。

New Repo

(3) 填写仓库信息:

  • 仓库名称:给你的项目起个名字,例如 my-first-project。
  • 路径:通常会自动和仓库名称保持一致。
  • 简介:可选,简单描述一下你的项目。
  • 是否开源:根据你的需求选择公开或私有。
  • 初始化仓库:关键一步!不要勾选'使用 Readme 文件初始化这个仓库'。因为我们稍后会从本地上传代码,如果这里初始化了,可能会产生冲突。

Repo Settings

(4) 点击'创建'按钮。

创建成功后,跳转到仓库页面。这个页面先别关,我们稍后会用到上面的仓库地址。

Repo Page

(5) 关联远程仓库并推送

  • 获取仓库地址:回到你刚才创建的仓库页面,点击右上角的 '克隆/下载' 按钮,选择 HTTPS 协议,然后复制那段 URL(形如 https://gitee.com/你的用户名/你的仓库名.git)。
  • 关联远程仓库:回到 VSCode,打开集成终端。输入以下命令,将复制的 URL 粘贴进去:
git remote add origin <你的远程仓库地址> # 本地仓库配置远程仓库地址

提示:origin 表示给本地仓库起了个别名,叫 origin。

Remote Add

  • 推送代码:最后,执行推送命令,将本地的 master 分支推送到远程的 origin 仓库。
git push -u origin master # 推送到远程仓库

提示:-u 表示记住往哪个远程仓库推送哪个分支,以后就只用写 git push 即可。

Push Command

注意:新版本的 Git 默认分支可能是 main,如果你的本地分支是 main,请使用 git push -u origin main。你可以在 VSCode 左下角状态栏看到当前分支名。

第一次推送时,系统会要求验证身份。通常会弹出一个窗口让你输入用户名和密码。输入后,代码就会开始上传。

最后,刷新你的仓库页面,即可看到刚刚上传的所有文件。

目录

  1. 1. 前期准备
  2. 2. 打开源代码管理面板
  3. 3. 查看和暂存更改
  4. 4. 编写提交信息
  5. 5. 提交代码
  6. 配置单个项目 git 的 user.name 和 user.email
  7. 全局配置命令则如下:
  8. 6. 推送到远程仓库
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

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

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

更多推荐文章

查看全部
  • Capacitor 跨平台打包实战:Web 应用转原生 App
  • 不是机器人,是数字员工:OpenClaw 核心逻辑全景解析
  • 大模型微调的核心三要素:算法、数据与算力
  • Spring Cloud+AI :实现分布式智能推荐系统
  • 基于百度天气与 WebGIS 构建复古风格天气预报系统
  • Spring Boot 入门:Spring Web MVC 核心概念与实战
  • Spring Boot 数据验证与异常处理
  • Python 处理 PDF 工具——PyMuPDF 的安装与使用
  • Spring AI Alibaba 百炼平台接入与实战指南
  • 多 FPGA 模型推理架构与切分策略
  • 在线图书借阅平台的设计与实现:Spring Boot 实战与优化
  • ToDesk ToClaw AI 实现科技新闻日报自动化实战
  • 汇川机器人软件 RobotLab 常规操作指南
  • Linux 磁盘基础:从物理结构到 CHS/LBA 寻址
  • Java 异常处理:核心机制与实战
  • 2026 年 AI 漫剧工具排行榜:11 款软件横向对比
  • 通义万相 2.1 多模态 AI 生成模型技术解析与应用场景
  • Python 开发 MongoDB 数据库 MCP Server 实战指南
  • 大模型、RAG、Agent 及知识库等技术的区别与联系
  • 人工智能:自然语言处理在教育领域的应用与实战

相关免费在线工具

  • 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