作为一名前端开发者(尤其是你在做 Vue 项目),你不需要背下所有 Git 命令,掌握以下 20% 的核心命令 就足以应付 90% 的日常工作。
为了方便记忆,我按照工作流的顺序为你整理:
1. 🚀 开始项目 (Start)
-
克隆远程代码:
Bash
git clone <仓库地址> # 例如:git clone http://git.kukahome.com/user/project.git
2. 💻 日常搬砖 (Daily Workflow)
这是你每天会重复无数次的“三板斧”:
-
查看状态 (看看改了啥):
git status(最常用的命令,时刻确认哪些文件变了,哪些是红的,哪些是绿的)
-
添加到暂存区 (准备提交):
git add .(添加所有修改过的文件,最常用)git add src/App.vue(只添加特定文件)
-
提交代码 (保存存档):
git commit -m "这里写你的提交信息"- 习惯建议: 提交信息最好有格式,比如
feat: 新增计分功能或fix: 修复Vue路由报错。
-
推送代码到远程:
git push
3. 🌿 分支管理 (Branches)
开发新功能(比如你的“友局记分板”要加个新Logo)时,最好切个分支,不要直接在 main 或 master 上改。
-
创建并切换到新分支 (推荐):
Bash
git checkout -b <分支名> # 例如:git checkout -b feature/login-page -
查看当前有哪些分支:
Bash
git branch -
切换分支:
Bash
git checkout <分支名> 比如切回主分支 git checkout main -
合并分支 (把新功能合并回来):
- 先切回主分支:
git checkout main - 然后合并:
git merge <分支名>
- 先切回主分支:
4. ☁️ 同步远程 (Sync)
-
拉取最新代码 (每天早上第一件事):
Bash
git pull -
推送到远程仓库 (下班前最后一件事):
Bash
git push # 如果是第一次推这个新分支: git push -u origin <分支名>
5. 💊 后悔药 (Undo & Fix)
这些命令在你手滑或者代码写崩了的时候用:
-
暂存手头工作 (临时去修个Bug时用):
git stash(把当前修改藏起来,回到干净状态)git stash pop(把藏起来的修改拿出来)
-
放弃本地修改 (文件改乱了,想重置回上一次提交):
Bash
git checkout . -
撤销最近一次 commit (提交错了,但代码想保留):
Bash
git reset --soft HEAD^ -
查看提交日志:
git log
-
回退到指定版本:
git reset --hard 版本号
⚡️ 极简速查表
如果你赶时间,只需要记住这行“连招”:
git add .➡️git commit -m "fix: bug"➡️git push