為了前端的深度-git的命令列

lionel愛學習發表於2019-01-09

源起

2018年末,我面試了五六家大大小小的公司,其中小公司過了沒去,兩家大公司的都失敗了。在面360和拼多多的時候,因為我感覺自己面對不好,所以我在結束的時候希望面試官可以給我一個評價,意料之中的是,他們都說:你的知識面挺廣,但深度不夠。反思了自己在2018年的學習歷程,買了十幾本書,3個視訊,4本掘金小冊,閱讀各種群的群友分享的技術文件,但都是看過就忘,似乎都是在假裝努力。就此,在新的一年裡,本人痛定思過,想要做一個既有輸入又有輸出的猿,從某些小的方面入手,認真研究,爭取做到獲得面試官這樣的評價:某些方面很熟練,但知識面太窄。

暫時想了三個主題:git的熟練運用;webpack熱更新是如何實現的;前端優化。

包括2018年的我在問,git的命令列有那麼重要嗎,我sourcetree玩的很6,而且軟體還漢化了,推送、拉取、合併,按鈕嘩嘩的點。

是的,對於日常,git確實不用太過深入,衝突的時候把自己的檔案刪掉再拉下來就行了。但對於面試官來說,問了一句你瞭解 git rebase 嗎,emm...沒聽過,我一般不用命令列模式。這時候會很尬尷。不多說了,下面開始。

注:文中如有任何錯誤,請各位批評指正!

問答形式

Q1:我只想將修改過的檔案加入暫存區,不想增加新建的。

git add -u

Q2:我剛剛commit了一個錯誤的檔案,現在改正了,我想悄無聲息的更改,以免push上去被別人笑話

先修改,然後 git commit --amend

Q2:如何檢視有多少分支,當前處於哪個位置

本地倉庫 git branch , 當前分支的前面會有一個*號標註

本地倉庫和遠端分支引用一起, 新增-a引數

Q3:如何刪除分支

確保當前分支不是要刪除的那個,git branch -D

Q4:要先建立分支再切換過去,太麻煩咯

git checkout -b <name>,一體化操作,一步到位。

Q5:我改亂了工作區某個檔案的內容,想直接丟棄工作區的修改,檔案內容太多,記不住了

git checkout -- file

Q6:我不但改亂了工作區某個檔案的內容,還新增到了暫存區時,想丟棄修改

第一步:用命令git reset HEAD <file>

第二步:用命令git checkout -- <file>

merge

git merge <name> 省略了主體是當前的head

merge 前要保證暫存區內有待commit的內容,工作區有沒提交的內容沒有推送,不是必須的,但是保持乾淨吧。

merge會建立一個新的commit物件

merge衝突的流程來演示下:(僅本地master和分支模擬)

新建一個資料夾learngit --> git init --> 新建檔案a.md --> a.md裡寫上一行,“原始檔案”--> git add a.md --> git commit -m "origin" -->新建分支 git checkout -b branch1 --> 修改檔案內容為“張三修改” --> 加入暫存區 git add a.md --> 提交 git commit -m "zhangsan" --> 返回主線,git checkout master --> 新建分支 git checkout -b branch2 --> 修改檔案內容為“我修改” --> 加入暫存區 git add a.md --> 提交 git commit -m "me" --> 現在開始合併 git merge branch2,現在就遇到我們喜聞樂見的衝突問題了,如下圖:

第一圖

這個時候不要著急,看下我們的檔案:

第二圖

我的編輯器根據git給加的符號來生成更友好的介面,我這裡點採用當前更改,當然直接刪除符號一樣可以 --> 這個時候要再新增一次 git add a.md --> git commit -m "fix merge conflict" -->最後push到線上即可

rebase

我理解的rebase為調整commit資訊,包括調整鏈式指向和刪除commit資訊等。例如有如下的commit資訊並且當前處於branch分支

       E - F - G *branch
     /
A - B - C - D master
複製程式碼

當我們執行:git rebase master 命令後,commit資訊將會變成:

               E' - F' - G' *branch
             /
A - B - C - D master
複製程式碼

最後執行 git branch -f master branch,commit就變成了:

               E' - F' - G' *branch master
             /
A - B - C - D
複製程式碼

在我的理解裡,其實這裡面省略了一個引數,git rebase A B,就是把B(B和它之前的提交)指向A,就像下面的第二種情況一樣

2.在初始化的結構中,執行 git rebase branch master,commit 資訊會變成:

       E - F - G branch - C' - D' *master
     /
A - B - C - D
複製程式碼

即把 D 和 C 整體指向 branch。

3.在初始化的結構中, git merge maste,commit資訊會變成:

       E - F   -   G 
     /               \
A - B - C - D master - H *branch
複製程式碼

rebase 與 merge相比,更加線性,而且merge會增加一個新的節點。

4.rebase還可以進入互動模式,比如在初始化的結構中,使用git rebase -i branch~3,就進入了互動模式,刪除 E 和 F 兩個 commit ,執行 git rebase --continue,commit 資訊就會變成:

               G' *branch master
             /
A - B - C - D
複製程式碼

git速查表

最後整理下,以下內容全部來自Git常用命令速查表(收藏大全

名詞

master: 預設開發分支 origin:預設遠端版本庫 Index/Stage:暫存區 Workspace:工作區 Repository:倉庫區(或本地倉庫) Remote:遠端倉庫

一、新建程式碼庫

git init  # 在當前目錄新建一個Git程式碼庫
git init [project-name]  # 在當前目錄新建一個目錄,將其初始化為Git程式碼庫
git clone [url]  # 下載一個專案和它的整個程式碼歷史
複製程式碼

二、配置

Git的設定檔案為.gitconfig,它可以在使用者主目錄下(全域性配置),也可以在專案目錄下(專案配置)。

git config --list  # 顯示當前的Git配置
git config -e [--global]  # 顯示Git配置檔案
git config [--global] user.name "[name]"  # 設定提交程式碼時的使用者名稱
git config [--global] user.email "[email address]"  # 設定提交程式碼時的使用者郵箱
複製程式碼

三、增加/刪除/修改檔案

git add [file1] [file2] ...  # 新增指定檔案到暫存區
git add [dir]  # 新增指定目錄到暫存區,包括子目錄
git add .  # 新增當前目錄的所有檔案到暫存區
git add -p  # 新增每個變化前,都會要求確認,對於同一個檔案的多處變化,可以實現分次提交
git rm [file1] [file2] ...  # 刪除工作區檔案,並且將這次刪除放入暫存區
git rm --cached [file]  # 停止追蹤指定檔案,但該檔案會保留在工作區
git mv [file-originname] [file-newname]  # 改名檔案,並且將這個改名放入暫存區
複製程式碼

四、程式碼提交

git commit -m [message]  # 提交暫存區到本地倉庫
git commit [file1] [file2] ... -m [message]  # 提交暫存區指定檔案到本地倉庫
git commit -a  # 提交工作區自上次commit之後的變化,直接到本地倉庫
git commit -v  # 提交時顯示所有diff資訊
git commit --amend -m [message]  # 使用一次新的commit,替代上一次提交,如果程式碼沒有任何變化,則用來改寫上一次commit的提交資訊
git commit --amend [file1] [file2] ...  # 重做上一次commit,幷包括指定檔案的新變化
複製程式碼

五、分支

git branch  # 顯示所有本地分支
git branch -r  # 列出所有遠端分支
git branch -a  # 列出所有本地分支和遠端分支
git branch [branch-name]  # 新建一個分支,但head依然停留在當前分支
git branch --track [branch] [remote-branch]  # 新建一個分支,與指定的遠端分支建立追蹤關係
git branch -d [branch-name]  # 刪除指定分支
git checkout -b [branch-name] # 新建一個分支,並切換head到該分支
git checkout [branch-name]  # 切換head到指定分支,並更新工作區
git checkout -  # 切換到上一個分支
git branch --set-upstream [branch] [remote-branch] # 建立追蹤關係,在現有分支與指定的遠端分支之間
git merge [branch]  # 合併指定分支到當前分支
git rebase <branch>  # 衍合指定分支到當前分支
git cherry-pick [commit]  # 選擇一個commit,合併進當前分支
複製程式碼

六、標籤

git tag  # 列出所有本地標籤
git tag <tagname>  # 基於最新提交建立標籤
git tag -d <tagname>  # 刪除標籤
git push origin :refs/tags/[tagName]  # 刪除遠端tag
git show [tag]  # 檢視tag資訊
git push [remote] [tag]  # 提交指定tag
git push [remote] --tags  # 提交所有tag
git checkout -b [branch] [tag] # 新建一個分支,指向某個tag
複製程式碼

七、檢視資訊

git status  # 檢視當前工作區狀態(與暫存區對比,增加刪除或修改)
git log  # 顯示當前分支的版本歷史
git log --stat  # 顯示commit歷史,以及每次commit發生變更的檔案
git log -S [keyword]  # 根據關鍵字搜尋提交歷史
git log [tag] HEAD --pretty=format:%s  # 顯示某個commit之後的變動,每個commit佔據一行。我記得--pretty=online也行
git log -p [file]  # 顯示指定檔案相關的每一個diff
git log -5 --pretty --oneline  # 顯示過去5次提交
git shortlog -sn  # 顯示所有提交過的使用者,按提交次數排序
git blame [file]  # 顯示指定檔案是什麼人在什麼時間修改過,這個blame很生動形象
git diff  # 顯示暫存區和工作區的差異
git diff --cached [file]  # 顯示暫存區和上一個commit的差異
git diff HEAD  # 顯示工作區與當前分支最新commit之間的差異
git diff [first-branch]...[second-branch]  # 顯示兩次提交之間的差異
git diff --shortstat "@{0 day agp}"  # 顯示今天你寫了多少航程式碼
git show [commit]  # 顯示某次提交的後設資料和內容變化
git show --name-only [commit]  # 顯示某次提交發生變化的檔案
git show [commit]:[filename]  # 顯示某次提交時,某個檔案的內容
git reflog  # 顯示當前分支的最近幾次提交
複製程式碼

八、遠端操作

git fetch [remote]  # 下載遠端倉庫的所有變動,注意這個時候是不會修改本地檔案的
git pull [remote] [branch]  # 拉取遠端倉庫的變化,並與本地分支合併
git remote -v  # 顯示所有遠端倉庫
git remote show [remote]  # 顯示某個遠端倉庫的資訊
git remote add [shortname] [url]  # 增加一個新的遠端倉庫,並命名
git push [remote] [branch]  # 上傳本地指定分支到遠端倉庫
git push [remote] --force  # 強行推送當前分支到遠端倉庫,即使有衝突
git push [remote] --all  # 推送所有分支到遠端倉庫
git push <remote> :<branch/tag-name>  # 刪除遠端分支或標籤
git push --tags  # 上傳所有標籤
複製程式碼

九、撤銷

git reset --hrad HEAD  # 撤銷工作目錄中所有未提交檔案的修改內容
git checkout HEAD <file>  # 撤銷指定的未提交檔案的修改內容
git revert <commit>  # 撤銷指定的提交
git log --before="1 days"   # 退回到之前1天的版本
git checkout [file]  # 恢復暫存區的指定檔案到工作區
git checkout [commit] [file]  # 恢復某個commit的指定檔案到暫存區和工作區
git checkout .  # 恢復暫存區的所有檔案到工作區
git reset [file]  # 重置暫存區的指定檔案,與上一次commit保持一致,但工作區不變
git reset --hard  # 重置暫存區與工作區,與上一次commit保持一致
git reset [commit]  # 重置當前分支的指標未指定commit,同時重置暫存區,但工作區不變
git reset --hard [commit]  # 重置當前分支的HEAD未指定commit,同時重置暫存區和工作區,與指定commit一致
git reset --keep [commit]  # 重置當前HEAD未指定commit,但保持暫存區和工作區不變
複製程式碼

零散記錄

git merge <master> 把分支合併到主線 ,例如想合併到主線,要把節點切到主線,然後 git merge newBranch

git rebase 同樣是合併分支,更加線性

在分支上先 git rebase master,然後再 git rebase newBranch

cat.git/HEAD -- 檢視head指向 與 git symbolic-ref HEAD

相對引用:使用 ^ 向上移動 1 個提交記錄,使用 ~ 向上移動多個提交記錄,如 ~3

用法一般是:git checkout newBranch^git checkout newBranch~4

git cherry-pick <提交號>,把分支提交到指定位置下 例如 git cherry-pick C2 C4 , 就是把C2 C4節點傳到master

互動式 rebase 指的是使用帶引數 --interactive 的 rebase 命令, 簡寫為 -i

git rebase -igit cherry-pick

提交技巧 先 git rebase -i 將重新排序,然後 git commit --amend 小修改,然後用 git rebase -i 重新排序

git tag v1 C1 給C1加上v1的標籤

git rebase master branch 其實就是把branch指向master

git cherry-pick branch1 branch2 就是把branch2->branch1->head

本文參考

和我一起嚼爛Git

遊戲闖關學git

Git教程--廖雪峰

Git常用命令速查表(收藏大全)

相關文章