1. 創建GitHub專案

創建專案資料夾後,如何放上GitHub讓其他人一起來協同開發呢?

(以下指令詳細的意思都會在第二章做詳細的解釋)

第一步:在 GitHub 上建立新的儲存庫 (Repository)

  1. 登入 GitHub。
  2. 點擊右上角的 「+」,選擇 New repository
  3. 輸入專案名稱(Repository name),其他設定(如 Public/Private)依你喜好,不要勾選 Initialize this repository with a README(保持專案完全空白)。
  4. 點擊 Create repository
  5. 建立成功後,你會看到一個頁面,複製畫面上那串 https://github.com/你的帳號/你的專案.git 的網址。

第二步:在本地終端機輸入指令

我們先在電腦上建立一個新資料夾my-project,來模擬專案。

打開終端機,切換到你該專案的資料夾路徑下(cd my-project),然後依序輸入以下指令:

1. 初始化本地 Git 儲存庫

git init

2. 將檔案加入暫存區

我們用指令創建一個index.html並將其放上GitHub

echo "<h1>Hello Git! This is my first app.</h1>" > index.html
git add index.html
Code language: HTML, XML (xml)

3. 提交檔案並加上紀錄訊息

git commit -m "First commit: Create index.html"
Code language: JavaScript (javascript)

4. 設定預設分支名稱為 main

我們設置一個main分支來代表正式版本專案。

git branch -M main

5. 連結本地專案與 GitHub 遠端儲存庫

請將下方的網址替換成你在第一步複製的 GitHub 網址:

git remote add origin https://github.com/你的帳號/你的專案.git
Code language: JavaScript (javascript)

6. 將檔案推送到 GitHub

git push -u origin main

(註:-u 參數是設定上游專案,以後只要輸入 git push 就會自動推送到這裡了。)

💡 如果在 git push 時遇到錯誤,你需要去 GitHub 設定裡產生一個 Personal Access Token (PAT) 當作密碼輸入,或者設定好 SSH Key

恭喜你成功完成第一個github專案了,接下來我們來看看日常開發中又該如何使用git呢!