787 字
4 分钟
github新手心得

感谢🙏ChatGPT大大替我解忧,什么豆包、gemini…不熟

第一种,如果是想从GitHub上克隆到本地#

GitHub 已有仓库 → 克隆到本地 → 本地修改 → push 回 GitHub

哦对了,要先下载Git,稍微补充一下

1️⃣ 克隆 GitHub 仓库到本地#

git clone https://github.com/你的用户名/仓库名.git

例如:

git clone https://github.com/kyoma-kurisu/KyomaWeb.git

这一步会:

在本地创建一个新文件夹

自动绑定远程仓库 origin

默认切到主分支(main 或 master)

2️⃣ 进入仓库目录#

cd KyomaWeb

确认一下是不是已经连上 GitHub:

git remote -v

正常会看到类似:

origin https://github.com/kyoma-kurisu/KyomaWeb.git (fetch)
origin https://github.com/kyoma-kurisu/KyomaWeb.git (push)

👉 看到这个说明:你已经“连上 GitHub 了”

3️⃣ 查看本地改动#

git status

你会看到:

  • modified

  • new file

  • deleted

4️⃣ 提交改动(commit)#

git add .
git commit -m "fix: 修复 astro / biome 报错"

💡 commit 是本地行为,还没上传到 GitHub

5️⃣ 推送到 GitHub(push)#

git push

第二种,从vscode里面直接push到github上#

一、最推荐:VS Code 内置 Git(不用敲 push 命令)#

这是 90% 开发者的日常用法。

1️⃣ 用 VS Code 打开仓库#

方式一: 文件 → 打开文件夹 → 选择你 git clone 下来的仓库目录

方式二(更爽): 在 GitHub 页面点 Code → Open with VS Code

2️⃣ 左侧 👉「源代码管理」面板(最重要)#

快捷键:

Ctrl + Shift + G

你会看到:

CHANGES(未提交的改动)

每个文件右侧有:

+(暂存)

文件名(点开看 diff)

3️⃣ 提交(commit)——不用命令行#

修改代码

打开 源代码管理

输入提交信息(上方输入框)

fix: 修复 Navbar 类型错误

点击 ✔ 提交

👉 等价于:

git add .
git commit -m "..."

4️⃣ 推送(push)——点一下就行#

提交完成后:

左下角会出现:

↑1

直接点 同步更改 / Push

或:

源代码管理面板右上角 …

选择 Push

👉 VS Code 会自动:

git push

如果是第一次,还会帮你设置 -u origin main

二、第一次配置 GitHub 登录(只需一次)#

1️⃣ 安装 GitHub 官方插件(强烈推荐)#

插件名:

GitHub Pull Requests and Issues

用途:

自动登录 GitHub

浏览 PR

点按钮 push,不弹奇怪的验证

2️⃣ 登录 GitHub(浏览器授权)#

VS Code 会提示:

Sign in to GitHub

点一下 → 浏览器确认 → 完成

✅ 以后 push 不用再输密码(GitHub 已禁用密码)

三、最方便的方式:直接用 VS Code Clone#

方法 A:从命令面板 clone#

Ctrl + Shift + P

输入:

Git: Clone

粘贴 GitHub 仓库地址

选择本地目录

自动打开项目

🔥 这是最干净、不容易踩坑的方式

方法 B:GitHub 页面一键打开#

在 GitHub 仓库页面:

Code → Open with VS Code

四、你一定会用到的 VS Code Git 小技巧 💡#

✅ 1. 撤销单个文件的修改#

源代码管理

右键文件 → Discard Changes

等价于:

git checkout — 文件

✅ 2. 回退到某个 commit(安全)#

Ctrl + Shift + G

点 提交历史

右键某个 commit

Reset Current Branch to Here

Soft(保留修改)

Hard(全丢)

⚠️ 慎用 Hard

✅ 3. 自动格式化 + 提交(防 CI 挂)#

你之前被 biome ci 卡过,这里强烈建议:

// settings.json { “editor.formatOnSave”: true }

然后用 Biome 插件作为 formatter。

github新手心得
https://fuwari.vercel.app/posts/2026/2026_01/2026_01_17/github新手心得/
作者
凤凰院凶真
发布于
2026-01-17
许可协议
CC BY-NC-SA 4.0