本章介紹 "工作目錄" 一路至 "遠端數據庫" 操作方式。

Git - 用指令做版本控制01

// Git 基本指令架構圖 ▲

Git 基本指令架構

輸入指令 git init 等同於上圖中,在專案新增 "本地數據庫",將專案與本地數據庫做連結

為什麼要做 Git 版本控制 ?

以往在做版本控制,不同天數做不同的內容更改,如下圖所示都只能在專案資料夾上做更改的提示字,但無法得知裡面好幾百千行程式碼做了那些更改。

Git - 用指令做版本控制02

Git 常用指令

  • 初始化數據庫 git init
  • 開啟 .git 隱藏檔方案
  • 查詢當前狀態 git status
  • 將檔案加入到索引 git add .
  • 將索引檔案變成一個更新 (commit) git commit -m "修改內容"
  • 觀察 commit 歷史紀錄 git log
  • 下載遠端數據庫 git clone 數據庫網址
  • 更新遠端數據庫 git push origin master

使用 Git 做版本控制

如何做Git版本控制 ( 版本控制程式碼內容 ) ▼ ▼

#1 把專案做 Git 數據庫管理 ( Git 環境建立流程 )

  1. 開新專案 ( =新增資料夾 )
  2. 輸入指令 git 專案路徑git init

#2 第一次更改

  • 專案內建立 index.html ,用 VSCode 開啟,隨便輸入內容。
    • 專案中的 .git 資料夾內的程式會自動觀察那些東西有更新或變動。
  • 輸入指令 git status 可觀察目前狀態 ( 做了哪些更新或變動 )。
    • 終端機顯示 Untracked files 表示目前未被追蹤的檔案 。
      • 試試把 index.html 刪掉,再次輸入指令 git status 會顯示 No commits yet 完全沒任何資料。
    • 所以目前 index.html 檔案在 "Git 基本指令架構圖片" 中的 " 工作目錄 " 上。

Git - 用指令做版本控制03

  • 輸入指令 git add . 將檔案加入索引區,讓 Git 追蹤它。
    • index.html 檔案 ( 上個步驟位於工作目錄區 ) 執行指令後,即 add 入 " Git基本指令架構圖片 " 中的 " 索引 " 區 。

Git - 用指令做版本控制04

  • 輸入指令 git commit -m "修改內容"
    • 終端機顯示 : [master (root-commit) 0978f30] 新增 HTML 環境 , 會給 commit 一個編號,代表更新成功。
    • index.html 檔案 ( 目前於索引區 ) 執行指令後,即 commit 入" 本地數據庫 "。
    • 第一次更新成功。

Git - 用指令做版本控制05

  • 目前 index.html 檔案在 "Git基本指令架構圖片 " 中的 " 本地數據庫 " 上。

3 第二次更改

  • 專案加入兩個檔案 → (1) all.css檔案 (2) HTML 中加入 all.css 路徑
  • 輸入指令 git status 查詢目前檔案狀態。
    • Change not staged for commit → modified: index.html ( 語意 : 編輯了 index.html 這個檔案,還未加入索引 )
    • Untracked files → css/ ( 語意 : css檔案未被追蹤)

Git - 用指令做版本控制06

  • 輸入指令 git add .git commit -m "修改內容"
    • git add . 把檔案加入索引
    • git commit -m "修改內容" 檔案 commit 入本地數據庫

Git - 用指令做版本控制07

  • 第二次更改 成功 !!

如何查看 Git 更新幾次

意即 觀察 commit 歷史紀錄

  • 指令 git log
    • commit 兩次更新檔 ( 新增 CSS 、新增 HTML 環境 )。
    • 作者資訊 Author & 時間 Date 一目了然

Git - 用指令做版本控制08


統整 | Git 版本控制指令

  1. cd 專案路徑
  2. git init
  3. git add .
  4. git commit -m "修改內容"

| 本篇筆記來源 |

| 參考資料 |

最後修改日期: 11 8 月, 2020

作者