git和VScode

🎮 游戏存档 vs 代码存档:用 VS Code 和 Git 管理你的代码进度

游戏存档 保存的是你在游戏中的进度;
Git 保存的是你代码的每一个重要版本(我们称之为"提交"或 commit)。

而 VS Code 是一个强大的代码编辑器,它内置了对 Git 的良好支持,让你轻松管理代码历史。


一、初次使用 Git:配置你的身份信息

在使用 Git 之前,必须告诉它你是谁。这通过设置 用户名 和 邮箱 来实现。

步骤如下:

  1. 打开 VS Code。

  2. 点击顶部菜单栏:终端(Terminal) → 新建终端(New Terminal) 。

  3. 在终端中依次输入以下两条命令(请替换为你自己的信息):

bash 复制代码
git config --global user.name "你的用户名"
git config --global user.email "你的邮箱@example.com"

💡 示例:
git config --global user.name "张三"
git config --global user.email "zhangsan@example.com"



二、验证配置是否成功

Git 的全局配置保存在一个叫 .gitconfig 的文件中。

  • Windows 用户 :

    进入系统用户目录(通常是 C:\Users\你的用户名),找到隐藏文件 .gitconfig。

  • macOS / Linux 用户 :

    文件位于 ~/.gitconfig。

你可以直接在 VS Code 中打开它:

  1. 在 VS Code 终端中运行:

    bash 复制代码
    code ~/.gitconfig
  2. 如果看到类似以下内容,说明配置成功:

ini 复制代码
[user]
	name = 张三
	email = zhangsan@example.com

三、在 VS Code 中使用 Git:提交代码(本地"存档")

  1. 修改你的代码文件。

  2. 左侧点击 源代码管理图标(Source Control) (或按 Ctrl+Shift+G)。

  3. 在"更改"区域,你会看到被修改的文件。

  4. 在输入框中填写 提交信息(Commit Message),例如:"完成登录功能"。

  5. 点击 ✓(提交)按钮 ,或按 Ctrl+Enter。

⚠️ 如果你忘记写提交信息就点击提交,VS Code 会弹出一个新窗口让你补写------记得写完后保存(Ctrl+S)再关闭!

提交后,你的代码就保存了一个"本地存档"。


四、查看历史记录:你的代码"存档图"

点击源代码管理界面右上角的 "..." → "打开 Git 图形化历史记录" (或使用插件如 Git Graph ),

你就能看到类似游戏进度树的 提交历史图,清晰展示每一次"存档"。


五、将本地代码推送到远程仓库(如 Gitee)

本地提交只是保存在你自己的电脑上。要备份到云端或与他人协作,需要推送到远程仓库。

1. 在 Gitee 上创建仓库

  • 登录 Gitee
  • 点击「+」→「新建仓库」
  • 填写仓库名,选择公开/私有,不要初始化 README(避免冲突)
  • 创建后,复制仓库的 HTTPS 地址 (如 https://gitee.com/用户名/仓库名.git)

2. 在 VS Code 中关联远程仓库

  1. 在源代码管理界面,点击 "..." → "远程" → "添加远程存储库"
  2. 输入远程名称(通常用 origin)
  3. 粘贴你从 Gitee 复制的地址
  4. 点击确认

✅ 此时本地与远程已"绑定",但尚未上传代码。

3. 推送代码到 Gitee

  1. 再次点击 "..." → "发布分支"(Publish Branch)
    (如果是第一次推送,VS Code 会自动提示)
  2. 系统会弹出窗口,要求输入 Gitee 账号和密码 🔒 注意:Gitee 现在推荐使用 个人访问令牌(Token) 代替密码。

    你可以在 Gitee → 设置 → 安全设置 → 私人令牌 中创建一个 Token,权限勾选 repo。

  3. 推送成功后,点击 "同步更改(Sync Changes)" 图标(两个箭头循环的按钮),即可将本地提交同步到 Gitee。

六、后续开发:修改 → 提交 → 同步

以后每次开发流程都是:

  1. 修改代码
  2. 在源代码管理中 提交(Commit)
  3. 点击 同步更改(Sync),自动推送 + 拉取最新代码

✅ 小结

操作 说明
git config 设置身份信息
VS Code 源代码管理 查看更改、提交代码
提交(Commit) 本地"存档"
远程仓库(Gitee) 云端备份与协作
同步(Sync) 一键推送 + 拉取

🌟 记住 :

Git 不是"备份工具",而是"版本控制系统"。

善用提交信息、小步提交、频繁同步,你的代码就再也不会"丢进度"了!


如需进一步学习,推荐:

  • 安装 VS Code 插件:GitLens(增强 Git 功能)
  • 学习命令:git log, git diff, git checkout

希望这篇指南帮你轻松上手 Git + VS Code!🚀

相关推荐
Tairitsu_H1 小时前
[版本控制器Git] Git 远程仓库 | 多人协作 | 企业级 Git Flow 开发模型
git·版本控制器·远程仓库
我先去打把游戏先1 小时前
Git-Rebase使用指南-从原理到实战
服务器·git·嵌入式硬件·物联网·ubuntu
bing_feilong2 小时前
vscode: ssh Got bad result from install script
ide·vscode·ssh
JavaEdge.3 小时前
Qodo v.s AI IDE Code Review
ide·人工智能·代码复审
ITKEY_3 小时前
Arduino IDE开发ESP32环境搭建到helloworld
ide·esp32
kaixin_learn_qt_ing4 小时前
我有两个程序,它们在不同的项目中,但是它们复用了一部分头文件,它们在两个不同的git仓库中,有什么好的办法可以让它们复用吗?
git
沫璃染墨4 小时前
从零入门计算机网络系列(五):UDP套接字编程实战——从核心API到客户端与服务器通信
linux·网络·c++·vscode·网络协议·udp
captain3764 小时前
Spring Web MVC入门(1)
ide·spring·java-ee·tomcat
greatofdream5 小时前
git rebase时如何解决merge节点冲突问题
大数据·git·elasticsearch
敲敲敲-敲代码20 小时前
git安装记录
git