將 VS Code 中的代碼同步到 GitHub 需要幾個(gè)步驟。這里假設(shè)你已經(jīng)有一個(gè) GitHub 賬戶，并且在你的電腦上已經(jīng)安裝了 Git。以下是同步代碼到 GitHub 的基本步驟：

Visual Studio Code(代碼編輯器) v1.100.0 64位 中文免費(fèi)綠色版

• 類型：編譯工具
• 大?。?/span>144MB
• 語(yǔ)言：簡(jiǎn)體中文
• 時(shí)間：2025-05-09

查看詳情

一、軟件安裝

1、安裝Git

2、安裝VsCode

Git具體安裝方法見(jiàn) Git的下載安裝

VsCode直接安裝即可，這里不多做贅述了

二、在GitHub上創(chuàng)建空的倉(cāng)庫(kù)/項(xiàng)目

1、在GitHub登錄界面登錄自己的賬戶，進(jìn)入GitHub主頁(yè)后，點(diǎn)擊右上角的“+”號(hào)，選擇New repository新建一個(gè)項(xiàng)目

2、在新建界面，輸入項(xiàng)目名稱，其它默認(rèn)即可（描述為可選項(xiàng)），如圖所示，點(diǎn)擊最下面的Create repository 即可創(chuàng)建一個(gè)新的項(xiàng)目

3、新建成功后跳出的界面顯示一些基本信息以及基本的Git操作，方便測(cè)試git的克隆，我們需要在該項(xiàng)目中新建一個(gè)文件，點(diǎn)擊以下藍(lán)色字體，生成一個(gè)readme.md文檔

也可以在新建項(xiàng)目時(shí)直接勾選 Add a README file 按鈕，那么在新建項(xiàng)目的同時(shí)即可生成一個(gè)readme文件

4、在新彈出來(lái)的界面中輸入信息，然后點(diǎn)擊最下面的創(chuàng)建即可

5、文件生成后如下圖所示

三、Git首次安裝需要進(jìn)行的設(shè)置

1、查看我的git配置列表

鼠標(biāo)右鍵點(diǎn)擊Git Bash Here，彈出git命令行終端，輸入指令：git config --list，會(huì)在命令行出現(xiàn)當(dāng)前的 git 配置內(nèi)容，如下圖

2、配置全局用戶名

在終端命令行輸入指令：git config --global user.name “你的用戶名”

3、配置全局郵箱

在終端命令行輸入指令：git config --global user.email “你的郵箱”

注意：設(shè)置的用戶名及郵箱盡量同GitHub中一致

四、通過(guò)HTTPS協(xié)議鏈接GitHub

方法1-從GitHub倉(cāng)庫(kù)克隆代碼

1、從GitHub倉(cāng)庫(kù)克隆代碼

（1）打開(kāi)VsCode，按快捷鍵“ctrl+shift+P”，然后輸入git，選擇克?。╟lone）

（2）彈出輸入框，提示我們輸入存儲(chǔ)庫(kù)的URL地址，我們直接去GitHub中復(fù)制倉(cāng)庫(kù)的HTTPS地址粘貼即可。

（3）輸入存儲(chǔ)庫(kù)URL地址確認(rèn)后，會(huì)讓我們選擇需要克隆到本地的位置，直接選擇自己放項(xiàng)目的文件夾即可（不要中文），確認(rèn)后開(kāi)始克隆，如圖所示。

（4）克隆完成后，會(huì)出現(xiàn)如下界面，選擇打開(kāi)即可，同時(shí)對(duì)應(yīng)的項(xiàng)目文件夾里面已經(jīng)存在了克隆過(guò)來(lái)的內(nèi)容

2、在本地修改代碼

打開(kāi)項(xiàng)目后，我們看到如下圖所示，點(diǎn)擊文件夾管理，彈出我們克隆下來(lái)的代碼，選擇README.md文件，可以看到對(duì)應(yīng)的文件內(nèi)容，對(duì)該文件進(jìn)行一些修改并保存，以便接下來(lái)測(cè)試是否可以回傳到GitHub。

保存文件后，可以看到左側(cè)出現(xiàn)了一個(gè)藍(lán)色的1圖標(biāo)，點(diǎn)擊它進(jìn)入Git管理界面。

3、Git版本管理

（1）進(jìn)入Git管理界面后，可以看到已經(jīng)有了一個(gè)更改，文件的后面的字母 M 表示文件發(fā)生了更改，意味著 modified，點(diǎn)擊該文件，如下圖所示，可以看出我們對(duì)文件的更改是增加了部分內(nèi)容。

（2）點(diǎn)擊圖標(biāo) M 左邊的 + 號(hào)，可以看到如下圖所示，說(shuō)明我們把更改暫存了，但是此時(shí)還沒(méi)有提交

（3）按照提示，我們?cè)诩^處填寫(xiě)信息，此處的信息內(nèi)容為提交的備注，這里可以寫(xiě)修復(fù)了什么內(nèi)容，寫(xiě)完后點(diǎn)擊右上角的 √ 提交。

（4）提交完成后即已經(jīng)成功修改、并且把代碼提交到了本地倉(cāng)庫(kù)。接下來(lái)我們需要把代碼提交到遠(yuǎn)程倉(cāng)庫(kù)。

4、從本地倉(cāng)庫(kù)上傳到GitHub遠(yuǎn)程倉(cāng)庫(kù)

點(diǎn)擊如下圖的箭頭處，若出現(xiàn)登錄窗口則根據(jù)具體需要進(jìn)行填寫(xiě)即可

5、在GitHub遠(yuǎn)程倉(cāng)庫(kù)查看更改

（1）代碼已經(jīng)修改了

（2）備注信息顯示為我們提交時(shí)填寫(xiě)的信息

方法二-使用VSCode終端提交

終端提交代碼到Github一共需要兩步：提交到本地倉(cāng)庫(kù) —> 從本地倉(cāng)庫(kù)再提交到遠(yuǎn)程倉(cāng)庫(kù)

1、提交到本地倉(cāng)庫(kù)

（1）首選創(chuàng)建一個(gè)本地倉(cāng)庫(kù)，即右鍵新建一個(gè)空文件夾，接下來(lái)在VSCode中打開(kāi)終端，進(jìn)入當(dāng)前新建的空文件夾，進(jìn)行本地倉(cāng)庫(kù)初始化，之后這個(gè)空文件夾里會(huì)出現(xiàn)一個(gè) .git 文件夾，如下圖：

本地倉(cāng)庫(kù)初始化：
    git init

（2）接下來(lái)向當(dāng)前文件夾里添加一些文件用于測(cè)試提交的步驟

（3）現(xiàn)在來(lái)進(jìn)行提交的操作—提交單個(gè)文件步驟

提交單個(gè)文件：
    git add readme.txt
    git commit -m "第一次提交readme"

提交全部文件：
    git add . 
    git commit -m "全部提交"

2、提交到遠(yuǎn)程倉(cāng)庫(kù)

本地倉(cāng)庫(kù)提交完畢后，就需要將內(nèi)容提交到遠(yuǎn)程倉(cāng)庫(kù)了，如圖：

提交遠(yuǎn)程倉(cāng)庫(kù)：
    git remote add origin https://github.com/LL-Elsie/git_test.git
    git remote set-url origin https://github.com/LL-Elsie/git_test.git 
    git branch -M test1
    git push -u origin test1

這樣就在 git_test 遠(yuǎn)程倉(cāng)庫(kù)新建了一個(gè) test1 分支，并且把本地 git_test 中的文件全都推到 git_test 倉(cāng)庫(kù)中的 test1 分支中了。

常用git指令

git branch------------------查看當(dāng)前所處分支 
git checkout -b main--------在當(dāng)前倉(cāng)庫(kù)中新建一個(gè)main分支，并切換到這個(gè)分支。 
git branch -M main----------新建一個(gè)main分支 
git checkout main-----------切換到main分支

五、使用git上傳代碼至于Github（遠(yuǎn)程倉(cāng)庫(kù)已存在內(nèi)容）

1、該倉(cāng)庫(kù)下有內(nèi)容更新，如圖所示，打開(kāi)終端，使用git進(jìn)行上傳

2、在終端中輸入命令，提交全部文件至本地倉(cāng)庫(kù)后，再進(jìn)行提交到遠(yuǎn)程倉(cāng)庫(kù)，在提交遠(yuǎn)程倉(cāng)庫(kù)后，會(huì)出現(xiàn)一行錯(cuò)誤信息：error: remote origin already exists.，如下圖

提交全部文件至本地倉(cāng)庫(kù)
git add . 
git commit -m "全部提交"
git remote add origin https://github.com/LL-Elsie/Practice.git

3、出現(xiàn)該錯(cuò)誤信息，翻譯過(guò)來(lái)就是（致命：遠(yuǎn)程來(lái)源已經(jīng)存在），此時(shí)，我們可以先 git remote -v 查看遠(yuǎn)程庫(kù)信息

查看遠(yuǎn)程庫(kù)信息
git remote -v

4、出現(xiàn)該問(wèn)題表示遠(yuǎn)程倉(cāng)庫(kù)已存在，因此我們先刪掉再進(jìn)行鏈接即可，解決方法如下：

刪除遠(yuǎn)程倉(cāng)庫(kù)
    git remote rm origin
將遠(yuǎn)程倉(cāng)庫(kù)添加到分支
    git remote add origin https://github.com/LL-Elsie/Practice.git
重新推送
    git push origin master

注意：若推送代碼至遠(yuǎn)程倉(cāng)庫(kù)時(shí)，有如下報(bào)錯(cuò)信息：the remote end hung up unexpectedly，則是因?yàn)橥扑痛a的大小超出了git默認(rèn)的范圍，可以調(diào)整git推送代碼的最大值

解決辦法：

找到該本地倉(cāng)庫(kù)下的.git文件夾里面的config文件，打開(kāi)config文件，將postBuffer改為1024mb，此時(shí)重新進(jìn)行推送，代碼就可以成功的推送到遠(yuǎn)程倉(cāng)庫(kù)

[http]
postBuffer = 1024288000

最新評(píng)論