腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

如何把代碼提交到github? 一文學(xué)會vVsCode使用Git上傳代碼至GitHub

發(fā)布時間：2025-05-13 09:43:36 作者： YL0301

我要評論

之前一直用vscode寫了一個網(wǎng)站，期間代碼一直與github同步，要使用VS Code將代碼上傳到GitHub，可以按照以下步驟操作

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

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

類型：編譯工具
大?。?/span>144MB
語言：簡體中文
時間：2025-05-09

查看詳情

一、軟件安裝

1、安裝Git

2、安裝VsCode

Git具體安裝方法見 Git的下載安裝

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

二、在GitHub上創(chuàng)建空的倉庫/項目

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

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

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

也可以在新建項目時直接勾選 Add a README file 按鈕，那么在新建項目的同時即可生成一個readme文件

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

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

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

1、查看我的git配置列表

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

2、配置全局用戶名

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

3、配置全局郵箱

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

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

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

方法1-從GitHub倉庫克隆代碼

1、從GitHub倉庫克隆代碼

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

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

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

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

2、在本地修改代碼

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

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

3、Git版本管理

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

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

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

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

4、從本地倉庫上傳到GitHub遠(yuǎn)程倉庫

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

5、在GitHub遠(yuǎn)程倉庫查看更改

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

（2）備注信息顯示為我們提交時填寫的信息

方法二-使用VSCode終端提交

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

1、提交到本地倉庫

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

本地倉庫初始化：
    git init

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

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

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

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

2、提交到遠(yuǎn)程倉庫

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

提交遠(yuǎn)程倉庫：
    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)程倉庫新建了一個 test1 分支，并且把本地 git_test 中的文件全都推到 git_test 倉庫中的 test1 分支中了。

常用git指令

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

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

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

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

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

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

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

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

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