引言

Git 工具對於程式設計師來說已經不陌生了，在開發中也算是必不可少的工具了，本期我們就來看看如何利用 Git 管理程式碼，以及如何將程式碼提交到遠端（線上） Github 倉庫中。

建立本地倉庫

首先，我們需要安裝 Git 客戶端。

在 GitHub 上註冊一個賬號，賬號需要輸入使用者名稱和郵箱地址，已有賬號可以跳過。

在專案目錄中滑鼠右鍵選擇 "Git Bash Here" ，開啟終端，或者在專案目錄中進入命令列工具也可以：

在繼續之前，先要配置一下 GitHub 賬號，以免後續無法提交程式碼，輸入下面的命令：

git config --global user.email "[email protected]" // 郵箱git config --global user.name "Your Name" // 使用者名稱

現在，我們可以重新初始化本地倉庫：

// 初始化 git 倉庫git init// 初始化完成後會有如下提示// Initialized empty Git repository in C:/code/vue/vue-guide/.git/

此時，專案目錄中再次出現了 .git 隱藏資料夾，這是我們剛剛利用上面的命令建立的：

現在我們可以用下面的命令將程式碼提交到本地倉庫：

當我們輸入 git add . 命令時，有可能會出現下面的提示：

warning: LF will be replaced by CRLF in src/App.vue.The file will have its original line endings in your working directory

此時，只需要輸入一個命令就可以解決：

git config --global core.autocrlf false

這是因為不同的作業系統下，處理行末尾結束符的方法是不同的，所以我們設定成 false，在執行 add 命令時，讓檔案保持原樣輸出，不做基於作業系統的行末尾的任何轉換。

執行完提交後，我們可以用下面的命令檢視一下日誌，看看提交了幾次：

git log

如果我們的程式碼沒有修改而多次提交，則只顯示第一次修改的版本：

上圖可以看見我們的提交顯示了備註資訊 “第一次提交”。

現在我們修改下 App.vue 程式碼，增加 age 屬性，然後再做一次提交：

提交的過程和上面一樣，然後再次檢視日誌：

有時候，我們修改了一小段程式碼並把它提交到了本地倉庫，發現程式執行不起來，這時候我們可以輸入下面的命令讓程式碼回退到上一個版本：

git reset --hard "HEAD^"// 或者git reset --hard HEAD~1// 如果想回退兩步git reset --hard HEAD~2// 以此類推

我們剛提交的程式碼，裡面有個 age 屬性，讓我們回退看一看：

程式碼真的回來了。

如果想要回退到指定版本，也是可以的，我們先多修改和提交幾次程式碼，然後輸入下面的程式碼，檢視操作記錄：

git reflog

我們試試，執行結果像下面這樣：

正如您所見，每次的操作記錄都記錄下來了，我們最後一次提交是 “第四次提交”。如果我們想回到任意一步的版本只需要利用上面的 reset 命令 + 每行開頭的編號即可，例如，我們回退到 “第一次提交“ 的結果：

git reset --hard "349fdcc"

看看效果：

現在我們的程式碼回退到最初的 “第一次提交” 的版本了。

提交 Github 遠端倉庫

現在我們的倉庫在本地，為了避免電腦出現故障而讓我們的努力付之東流，我們需要將程式碼託管到遠端（線上）進行管理。