前置准备
-
先确认电脑已安装 Git：打开系统终端（Windows CMD/PowerShell，Mac 终端），输入
git --version，能显示版本号就是已安装；如果没装，去Git官网下载安装（安装时全部默认下一步即可）。 -
首次使用 Git 需配置用户名和邮箱（终端输入）： bash
运行
git config --global user.name "你的用户名" git config --global user.email "你的邮箱"（这两步是 Git 的基础要求，VS Code 依赖系统 Git 环境）
一、VS Code 中 Git 核心操作（纯界面版）
1. 克隆远程仓库（把网上的代码拉到本地）
这是最常用的第一步，比如克隆 GitHub/Gitee 上的仓库：
- 打开 VS Code，点击左侧栏「源代码管理」图标（长得像分支的图标，快捷键
Ctrl+Shift+G）； - 点击「克隆存储库」，在弹出的输入框中粘贴远程仓库的 HTTPS/SSH 地址（比如
https://github.com/xxx/xxx.git）； - 选择本地保存路径（比如
D:\code\my-project），点击「选择作为工作区文件夹」； - 等待克隆完成，VS Code 会自动打开该仓库，此时就可以编辑代码了。
2. 初始化本地仓库（本地新建项目用 Git 管理）
如果是自己新建的项目，先初始化 Git：
- 在 VS Code 中打开你的项目文件夹（「文件」→「打开文件夹」）；
- 打开「源代码管理」面板，点击「初始化存储库」；
- 选择当前项目文件夹，确认后，项目就被 Git 接管了（会生成隐藏的
.git文件夹）。
3. 提交代码（把本地修改保存到 Git）
代码改完后，需要「暂存→提交」两步完成本地保存：
- 打开「源代码管理」面板，能看到所有修改过的文件（红色是未暂存，绿色是已暂存）；
- 暂存文件 ：
- 单个文件：点击文件右侧的「+」号；
- 全部文件：点击「更改」右侧的「+」号（一次性暂存所有修改）；
- 填写提交信息：在输入框中写清楚这次改了什么（比如「修复登录按钮样式」「新增首页接口」），不能为空；
- 点击输入框下方的「√」号（或按
Ctrl+Enter），完成提交。
4. 推送 / 拉取代码（和远程仓库同步）
- 推送（本地→远程）：提交后，点击面板右上角的「↑」图标（推送），第一次推送可能需要登录 GitHub/Gitee 账号，验证后就能把代码推到远程仓库；
- 拉取（远程→本地）：如果别人改了远程代码，点击「↓」图标（拉取），就能把最新代码同步到本地；
- 同步：点击「↔」图标，会自动先拉取再推送，适合单人开发。
5. 分支管理（多版本并行开发）
比如开发新功能时建分支，不影响主分支：
- 打开「源代码管理」面板，点击右上角「⋯」（更多操作）→「分支」→「创建分支」；
- 输入分支名（比如
feature/login，语义化命名），选择基于哪个分支创建（默认main/master）； - 切换分支：点击左下角的分支名（比如
main），在弹出的列表中选择要切换的分支； - 合并分支：开发完后，切回
main分支，点击「⋯」→「合并」→选择要合并的分支（比如feature/login），确认即可。
6. 解决代码冲突
多人协作时容易出现冲突，VS Code 能可视化解决：
-
拉取代码时如果提示冲突，「源代码管理」面板会显示「冲突」文件；
-
打开冲突文件，能看到 VS Code 标注的冲突区域： plaintext
<<<<<<< HEAD （你本地的代码） 你的代码内容 ======= 远程仓库的代码内容 >>>>>>> feature/login （冲突的分支） -
编辑文件：保留需要的代码，删除冲突标记（
<<<<<<</=======/>>>>>>>）； -
保存文件后，点击「解决」→「暂存已解决的冲突」，再提交、推送即可。
二、实用技巧（提升效率）
- 查看提交历史：安装「Git History」插件（之前推荐过），右键文件→「Git: View History」，能可视化查看所有提交记录、谁改了哪行代码；
- 撤销修改 ：
- 未暂存：右键修改的文件→「放弃更改」；
- 已暂存：点击文件右侧的「-」号，取消暂存；
- 已提交：点击「⋯」→「提交」→「撤销上次提交」（会保留代码修改，只是撤销提交记录）；
- 对比修改：在「源代码管理」面板中，点击文件右侧的「▷」号，能看到文件修改前后的对比（红色删除，绿色新增）。
总结
- VS Code 操作 Git 的核心流程：「克隆 / 初始化仓库 → 暂存修改 → 提交 → 推送 / 拉取」，全程可视化，不用记命令；
- 首次使用需先安装 Git 并配置用户名 / 邮箱，这是基础前提；
- 分支管理和冲突解决是协作的关键，VS Code 的可视化界面能大幅降低难度。