Git 版本控制:將專案上傳至遠端存放庫(使用 VS Code、GitHub)
2019/09/24
萌芽站長
5,005 3
軟體應用 , 網站技術 , 程式設計
Git , Visual Studio Code
在《上一篇:Git 版本控制:建立分支、切換分支、合併分支(使用 VS Code)》已經教大家在本地做分支的異動,但是若只是在本地存放庫(倉庫)那可就完全沒發揮到 Git 的過人之處:雲端同步與多人協作,因此我們一定要學習如何將本地的專案上傳到遠端的存放庫,這個存放庫可以是自架設的 Git 伺服器、GitHub 等,這裡我們就用 GitHub 作為示範,其他 Git 伺服器上的操作方式基本上都相似。
在開始前,請先註冊或登入 GitHub 帳號,我們要先建立一個遠端的存放庫,未來存放專案原始碼用!可以隨時同步更新,還會幫您保留每個提交過的歷史版本。我們一慣使用 VS Code(Visual Studio Code)作為預設編輯器。

▲ GitHub 內新建一個遠端存放庫。

▲ 將 .git 結尾的位址記下來,稍後會用到。

▲ 回到 VS Code 內,開啟專案目錄,鍵盤 Ctrl + Shift + P 開啟命令視窗,輸入指令「git add remote」找到「新增遠端存放庫」並選取,接著輸入遠端存放庫名稱,這邊可以自訂,最後在輸入遠端存放庫的 URL,這裡輸入剛剛記下來的 .git 結尾位址,用來連結遠端存放庫。

▲ 接著要運用 VS Code 上傳專案至遠端存放庫,可以直接點左下角開始上傳,鍵盤 Ctrl + Shift + P 開啟命令視窗,輸入指令「git push to」後點「推送至」再點目標遠端存放庫也可以開始上傳,兩個方法都要登入 GitHub 帳號才能真正開始上傳唷!

▲ 上傳或推送專案成功!是不是很簡單呢?未來就可以透過這次講的方法同步本地與遠端的存放庫!順帶一提,因為已經加入遠端存放庫,所以也能發行分支了!指令為「git publish branch」,因為很簡單就不另外做截圖解說了!
萬一要修改遠端存放庫位址怎麼辦?請至專案目錄中找到隱藏目錄「.git」,內部的「」就是設定檔,可用任何文字編輯器開啟,裡面就可以修改遠端存放庫位址。
贊助廣告 ‧ Sponsor advertisements
Android Studio:APP 使用 JDBC 連接 MySQL 資料庫並讀取指定資料表中所有資料
📆 2019-10-05
📁
軟體應用, 行動平台, 程式設計, 資料庫, Android, JAVA, APP開發
Firefox & Video DownloadHelper:下載任意網站影片
📆 2017-01-11
📁
軟體應用, 瀏覽器, Google Chrome, Firefox, 擴充元件
Stable Diffusion web UI x a1111-sd-webui-lycoris:使用 LyCORIS 模型 AI 生成影像!
📆 2023-04-15
📁
軟體應用, 人工智慧, AI繪圖
Dark Reader:讓所有網站都支援黑暗模式,自定義黑暗模式擴充
📆 2019-05-08
📁
軟體應用, 瀏覽器, Google Chrome, Firefox, 擴充元件
ComfyUI x Qwen-Image-Edit:二次元角色轉真人(應用篇)
📆 2025-09-14
📁
軟體應用, 多媒體, 人工智慧, AI繪圖, 靜圖處理
phpfmt(Visual Studio Code 擴充功能):PHP 格式化/自動美化工具
📆 2019-06-15
📁
軟體應用, 網站技術, PHP
Stable Diffusion:二次元角色冰晶雪夜提燈的 AI 繪圖提詞
📆 2025-03-02
📁
軟體應用, 人工智慧, AI繪圖
Google 相機 & StereoPhoto Maker & Facebook:用一般的手機輕鬆建立 3D 照片!景深 3D 照完整...
📆 2019-04-19
📁
軟體應用, 多媒體, 行動平台, 行動裝置, APP應用, Android, 靜圖處理
留言區 / Comments
萌芽論壇