Git & GitHub | 基本使用

更新於 2023/08/12閱讀時間約 2 分鐘

最近在整理筆記,對 Git 的使用有了更進一步的認識,決定把之前的文章重新整理一下 (剛好 vocus 更新編輯器 XD)。

Git 和 GitHub 是當代工程師熱衷的版本控制系統之一。做好版本控制,你可以達到:

  1. 記錄各版本差異:包含更動前後的程式碼、修改者、修改時間、修改原因。
  2. 切換版本:這便於程式碼出錯時還可以回溯到以前上傳的版本。
  3. 利用分支同時開發不同系統。

初次設定 Git

如果你剛安裝完 Git,請打開你的終端機 (windows 推薦 Git Bash),按照 "開始 - 初次設定 Git" 先設定你的 Git,務必設定你的識別資料,方便大家抓戰犯 (誤


讓 Git 管理專案

設定完 Git 後,接下來就是麻煩 Git 來幫忙管理你的專案啦!不過在進到操作前,要先了解一下 Git 的運作流程。

Git 的運作流程

Git 的運作流程

我們在修改檔案完後並不會馬上把這些檔案推到儲存庫去,而是會先丟到暫存區裡先放著,這樣的好處是我們可以控制哪些修改應該被提交,而不必將所有變更一次性提交,對,git add 允許你要把全部還是只有特定檔案丟到暫存區去。

那接下來來看指令吧:

// 先在你的專案路徑下建立好本地儲存庫
git init​

// 檔案更新,準備丟到暫存區。"." 代表所有變動檔案通通都丟過去,可以用檔案名取代它。
git add .

// 提交到本地儲存庫
git commit -m "Your commit message"

// 追蹤查詢狀態
git status​

把專案推到 GitHub 上吧!

好了,接下來如果要進行專案協作,或是要分享你的專案程式碼,GitHub 會是你的好朋友,就讓我們把專案推到遠端去吧!

最簡單的做法,就是在 GitHub 上先建立好一個儲存庫,建完之後 GitHub 就會自己告訴你接下來應該要在終端機裡輸入那些指令來把你的專案推到這個儲存庫來。像這樣:

GitHub 很貼心地告訴我們要做什麼了~

GitHub 很貼心地告訴我們要做什麼了~

你只要複製貼上你的終端機去執行就可以了,就是這麼簡單 www
在第一次執行完畢後,往後如果有程式碼變動要再推到遠端儲存庫來你只需要輸入git push就好囉!

那如果我今天想要把別人在 GitHub 上的專案​載到本地端操作呢?你可以這樣做:

// 後面專案地址換成自己要的
git clone https://github.com/ChungYingHo/URL-Shortener.git



關於那些你不想讓 Git 紀錄的檔案

這東西也是滿多的,比如一大包的 node_moules資料夾、含有私人隱私資訊 (比如資料庫連線字串) 的 .env 檔案,嗯,反正可能有些檔案是沒必要一起上傳給其他人共享的,你可以在專案下建立一個 ".gitignore" 檔案,裡面填入你要 Git 不要紀錄的檔案,就可以囉!

.gitignore

.gitignore




avatar-img
18會員
37內容數
這個專題用來存放我在學習網頁開發時的心得及知識。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
之前因為常需要跑devops相關工具,因此開發環境完全是用Ubuntu的圖形化介面,但偶爾會遇到一些延遲以及小bug,偶然的機會下發現在windows設定git-bash似乎也能達到一樣的效果,也能順便增加對windows開發人員生態系的了解,因此本篇主要是針對如何設定美麗的terminal以及vs
Thumbnail
這篇文章將會講解 Git 專案上傳 GitHub 的流程。
Thumbnail
一直以來都是靠手動的方式來進行檔案的版本管理,也就是自己複製檔案,然後改檔名,加入可以識別的編號。不過,越來越覺得,有必要用版本控制系統來幫忙,因為手動的方式實在很累人,而且當需要查找以前更動的內容時,非常沒有效率。當發現Spyder也有支援Git時,就想著:「好吧!那就試用看看好了。」
Thumbnail
這篇文章將會介紹分支的合併,以及它常見的分類。
Thumbnail
前言   這篇文章將會以 SourceTree 作為媒介,講述 Git 中關於伺服器資料儲存狀態的介紹,並介紹如何建立分支與應用。 資料上傳 | Data Commit   版本控制最簡單的介紹,其實就是把專案的資料上傳雲端,然後進行不同版本的分類,當有需要抓回某一個功能進行展演或比對時,可以從這雲
Thumbnail
前言   這篇文章將會介紹伺服器的概覽和倉庫,並介紹兩款客戶端協助使用者。 伺服器 | GitHub   線上軟體原始碼代管服務平台,使用 Git 作為版本控制軟體 GitHub 同時提供付費帳戶和免費帳戶,這兩種帳戶都可以建立公開或私有的代碼倉庫,但付費使用者擁有更多功能。   除了允許個人和組
Thumbnail
前言   這篇文章將會介紹版本控制,並介紹相關的伺服器和客戶端,藉由比較易懂的方式介紹,可能會跟實際上有些微的落差,但會比較好理解。 版本控制   版本控制基本上是由一個名為 Git 的軟體所建立,隨著時間推進,延伸出了很多伺服器和可視話的客戶端,接下來我會一個一個介紹。 底層 | Git 客戶端
Thumbnail
操作筆記、安裝git、下載github專案
Thumbnail
搞清楚 Git 與 GitHub 的差別並學會必會操作 什麼是 Git? Git 是一個軟體,可藉由它產生一個數據庫(repository),並且做到分散式版本控制。由於可在多處放置同一份程式碼、歷史紀錄追蹤與回朔,讓協同開發變得容易。(關於不同版本控制系統的介紹,請參閱 Git 官方教學文件)
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
之前因為常需要跑devops相關工具,因此開發環境完全是用Ubuntu的圖形化介面,但偶爾會遇到一些延遲以及小bug,偶然的機會下發現在windows設定git-bash似乎也能達到一樣的效果,也能順便增加對windows開發人員生態系的了解,因此本篇主要是針對如何設定美麗的terminal以及vs
Thumbnail
這篇文章將會講解 Git 專案上傳 GitHub 的流程。
Thumbnail
一直以來都是靠手動的方式來進行檔案的版本管理,也就是自己複製檔案,然後改檔名,加入可以識別的編號。不過,越來越覺得,有必要用版本控制系統來幫忙,因為手動的方式實在很累人,而且當需要查找以前更動的內容時,非常沒有效率。當發現Spyder也有支援Git時,就想著:「好吧!那就試用看看好了。」
Thumbnail
這篇文章將會介紹分支的合併,以及它常見的分類。
Thumbnail
前言   這篇文章將會以 SourceTree 作為媒介,講述 Git 中關於伺服器資料儲存狀態的介紹,並介紹如何建立分支與應用。 資料上傳 | Data Commit   版本控制最簡單的介紹,其實就是把專案的資料上傳雲端,然後進行不同版本的分類,當有需要抓回某一個功能進行展演或比對時,可以從這雲
Thumbnail
前言   這篇文章將會介紹伺服器的概覽和倉庫,並介紹兩款客戶端協助使用者。 伺服器 | GitHub   線上軟體原始碼代管服務平台,使用 Git 作為版本控制軟體 GitHub 同時提供付費帳戶和免費帳戶,這兩種帳戶都可以建立公開或私有的代碼倉庫,但付費使用者擁有更多功能。   除了允許個人和組
Thumbnail
前言   這篇文章將會介紹版本控制,並介紹相關的伺服器和客戶端,藉由比較易懂的方式介紹,可能會跟實際上有些微的落差,但會比較好理解。 版本控制   版本控制基本上是由一個名為 Git 的軟體所建立,隨著時間推進,延伸出了很多伺服器和可視話的客戶端,接下來我會一個一個介紹。 底層 | Git 客戶端
Thumbnail
操作筆記、安裝git、下載github專案
Thumbnail
搞清楚 Git 與 GitHub 的差別並學會必會操作 什麼是 Git? Git 是一個軟體,可藉由它產生一個數據庫(repository),並且做到分散式版本控制。由於可在多處放置同一份程式碼、歷史紀錄追蹤與回朔,讓協同開發變得容易。(關於不同版本控制系統的介紹,請參閱 Git 官方教學文件)