感谢🙏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。