Git 版本控制:建立與初始化本地倉庫、暫存與認可變更(使用 VS Code)

2019/09/18 117 軟體應用 , 網站技術 , 程式設計 ,

其實個人一直以來都沒有使用 Git,畢竟一直都是個人開發一些小型專案為主,像是萌芽網頁,所以採用最傳統「複製檔案」的方式做版本管理,不過這是挺笨的方法,早在十多年前 Git 就問世了!專門幫助工程師為程式碼做版本管理,這樣萬一出什麼差錯可以復原到上個版本,而且還能做到同步雲端的功能!因為有了雲端管理程式碼,多人協作一個程式專案就不再是問題了!所以為了讓自己未來能夠有機會開發較大的專案或方便管理程式碼,決定好好研究 Git 的相關文檔,不過說真的,中文資料少的可憐,多數都是英文資料,教學有些寫的相當「專業」,反而不夠白話難以理解,所以就決定來寫篇文章先來簡單教學如何使用 Visual Studio Code(簡稱「VS Code」)搭配上 Git 做版本控制與管理,順便當作筆記 📝,第一篇就簡單說明建立初始化本地倉庫還有暫存認可變更

至於我為何選擇 VS Code?因為它是個開放原始碼程式編輯器?當然不只!因為它內建 Git 功能,只要電腦內有安裝 Git 軟體就可以配合運作,所以開始前請先安裝 Git,官方網站有提供各種系統的安裝檔,像是 Windows、Mac,安裝相當容易!當然如果要直接拿原始碼(Source Code)去編譯也是可以啦!不過這門檻又更高了!總之安裝檔能幫助您最快安裝 Git 到電腦中 💻。

安裝完 Git 後就可以建一個目錄(資料夾)當作專案根目錄,接下來就可以完全在 VS Code 上操作囉!也免去了打指令的麻煩,因為 VS Code 都幫你列出來所有可用的指令,而且還有中英文對照,超讚的!學習門檻瞬間降低不少,雖然個人覺得還是要有人親自指導會比較熟悉啦!😂


▲ 進入 VS Code 操作畫面,上方選單「檔案」→「開啟資料夾」,接著開啟您剛剛建立的專案目錄。(資料夾又稱目錄,也可以這樣說,在 Windows 系統中我們習慣稱呼目錄「資料夾」,順帶提一下)

▲ 開啟目錄後,我們點左側五個圖示中由上至下第三個,開啟「原始檔控制」左側控制區塊,點步驟一的「+」,接著在上方指令區選擇剛剛開啟的專案目錄,這裡就是要建立新的程式碼倉庫,建立好後也代表初始化完成!

▲ 左方「原始檔控制」的「變更」欄位馬上就會顯示所有在專案目錄中的檔案,基本上我們會做首次的「認可」,或稱「提交」,意思是這是第一個版本的檔案,我們要告訴 Git 敘述並提交好讓它幫助您管理版本!認可前,請先把變更中的項目點「+」以列入「暫存變更」,也可以從「變更」二字右側點「+」以暫存所有變更,就不用一個個按「+」了!

▲ 左方「原始檔控制」字樣旁有「✅」,點擊後在上方輸入敘述按「Enter」即可認可(提交)新的版本!另外還可以透過「原始檔控制」字樣下方的「訊息」框輸入敘述並按「Ctrl」+「Enter」也可認可(提交)新的版本!提交後「暫存的變更」就會清空。

▲ 現在更改專案中的檔案內容並儲存,馬上就會被列入左方「原始檔控制」的「變更」欄位,代表這個檔案有異動!

▲ 點開「變更」欄位中的項目可以查看上次認可(提交)與這次異動間兩者的差異,VS Code 都會用顏色標記告訴您哪裡有變化,真的超貼心!這次的變更若要認可(提交),可以點「原始檔控制」字樣右側的「✅」後輸入敘述以認可(提交)。

▲ 再次說明,也可在「原始檔控制」字樣下方的「訊息」框輸入敘述並按「Ctrl」+「Enter」也可認可(提交),這邊示範如果沒有事先把「變更」欄位中的項目加入「暫存的變更」會怎樣?其實就是跳出一個貼心的通知問您是否要「暫存所有變更並直接提交」,選「是」代表這次這麼做,選「永遠」就代表之後都這麼做,通知不會再顯示,選「永不」就是永遠不這麼做。

▲ 我打了一些字加到第一行後與第二行,Git 都能協助我對比修改前後的差異,如果我要回復,只要點擊「捨棄變更」的圖示!

▲ 那想回到之前認可(提交)的版本呢?「Ctrl」+「Shift」+「P」開啟上方指令區,輸入「git」就可以看到 Git 提供的所有指令,找到圖中「復原上個提交(Git: Undo Last Commit)」並點開,就可以回復到上個版本,可以一直回復到最前面的版本唷!

▲ 這就是回到最前面版本的截圖。

這邊講完基礎的建立與初始化本地倉庫,還有暫存與認可變更的解釋與操作,之後會再發表如何分支倉庫,還有運用 GitHub 甚至是自架的 Git 伺服器做雲端程式碼版本控制管理!要學的還很多呢!期待跟大家一同成長 😄。

《下一篇:Git 版本控制:建立分支、切換分支、合併分支(使用 VS Code)》

贊助廣告 ‧ Sponsor advertisements
徵信社服務電話| 外遇疑雲| 阿宅來說徵信社故事| 如何手機監聽| 徵信社電話幾號| 徵信價目表費用| 抓姦在床蒐證| 台北立達徵信社| 免費法律諮詢專線| 馭夫術手段| 設計離婚服務| 男友感情挽回| 包二奶氾濫| 抓小三蒐證| 反跟蹤可行嗎| 尋人查址高手| 夫妻協議離婚| 委託外遇蒐證| 丈夫外遇偷腥| 名人外遇新聞| 立案專業徵信社| 婚前調查協助| 離婚扶養費| 汽車定位追蹤| 危險徵信社任務| 免費法律諮詢| 國際徵信公司|
【業界首推立達徵信FB